버튼 수정, circle 색상 변경

src/components/map/naver/draw/ControlDraw.js

@@ -99,10 +99,10 @@ export default function ControlDraw(props) {
     const coord = e.coord;
 
     const circle = new naver.maps.Circle({
-      strokeColor: '#283046',
+      strokeColor: '#ff0000',
       strokeOpacity: 1,
-      fillColor: '#7367F0',
-      fillOpacity: 0.1,
+      fillColor: '#ff0000',
+      fillOpacity: 0.3,
       center: coord,
       radius: 100,
       map: map,

src/views/control/main/ControlMain.js

@@ -303,21 +303,22 @@ const ControlMain = () => {
             </div>
           </Card>
         </div>
-        <div>
-          <Button.Ripple
-            className='mr-1'
-            color='primary'
-            onClick={() => handlerDrawType('CIRCLE')}
-          >
-            Circle
-          </Button.Ripple>
-          <Button.Ripple
-            className='mr-1'
-            color='primary'
-            onClick={() => handlerDrawType('RESET')}
-          >
-            초기화
-          </Button.Ripple>
+        <div className='main-data-box flight-data'>
+          <Card>
+            <div className='data-box-header'>
+              <span className='box-ti'>화재경보</span>
+            </div>
+            <div className='data-list-box'>
+              <div className='data-list' style={{ cursor: 'pointer' }}>
+                <span onClick={() => handlerDrawType('CIRCLE')}>
+                  화재구역설정
+                </span>
+              </div>
+              <div className='data-list' style={{ cursor: 'pointer' }}>
+                <span onClick={() => handlerDrawType('RESET')}>초기화</span>
+              </div>
+            </div>
+          </Card>
         </div>
       </div>
       {oepnReportList ? (