From 62ee57f43a97365e3c5a05d0da0e96978b8c8896 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?sanguu516=28=EB=B0=95=EC=83=81=ED=98=84=29?=
 <sanguu516@naver.com>
Date: Wed, 20 Sep 2023 14:40:53 +0900
Subject: [PATCH] =?UTF-8?q?LAANC=20=EB=82=A0=EC=94=A8=20=EC=9E=84=EC=8B=9C?=
 =?UTF-8?q?=20=EB=8D=B0=EC=9D=B4=ED=84=B0=EB=A1=9C=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/laanc/FlightPlan.js |  6 +++--
 src/views/laanc/LeftMenu.js   | 42 +++++++++++++++++++++++++++++++++--
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/views/laanc/FlightPlan.js b/src/views/laanc/FlightPlan.js
index 5d01af6..93202a6 100644
--- a/src/views/laanc/FlightPlan.js
+++ b/src/views/laanc/FlightPlan.js
@@ -33,7 +33,7 @@ import {
   sensorClickAction
 } from '../../modules/control/map/actions/controlMapActions';
 import { useHistory } from 'react-router-dom';
-const FlightPlan = ({ handleChange, handlerNext, data }) => {
+const FlightPlan = ({ handleChange, handlerNext, data, handlerWeather }) => {
   const user = useSelector(state => state.authState);
 
   const history = useHistory();
@@ -97,7 +97,9 @@ const FlightPlan = ({ handleChange, handlerNext, data }) => {
                       >
                         Polygon
                       </Button.Ripple>
-                      <Button.Ripple color='info'>날씨 정보</Button.Ripple>
+                      <Button.Ripple color='info' onClick={handlerWeather}>
+                        날씨 정보
+                      </Button.Ripple>
                     </div>
                   </dt>
                   <div className='search-info-ti d-flex justify-content-between'>
diff --git a/src/views/laanc/LeftMenu.js b/src/views/laanc/LeftMenu.js
index ec51122..5777424 100644
--- a/src/views/laanc/LeftMenu.js
+++ b/src/views/laanc/LeftMenu.js
@@ -12,15 +12,31 @@ import {
   initFlight,
   initFlightBas
 } from '../../modules/basis/flight/models/basisFlightModel';
+import { WeatherContainer } from '../../containers/basis/flight/plan/WeatherContainer';
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
 function LeftMenu() {
   const [step, setStep] = useState(1);
   const [detailData, setDetailData] = useState(initFlightBas.initDetail);
+  const [formModal, setFormModal] = useState(false);
   const [modal2, setModal2] = useState({
     isOpen: false,
     title: '',
     desc: ''
   });
 
+  //날씨 임시 데이터
+  const [wheather, setWheather] = useState([
+    {
+      coordList: [
+        {
+          lat: 37.40284040287055,
+          lon: 126.68639226254697
+        }
+      ]
+    }
+  ]);
+
+  // step 핸들러
   const handlerStep = step => {
     setStep(step);
   };
@@ -30,9 +46,14 @@ function LeftMenu() {
   };
 
   useEffect(() => {}, [detailData]);
-  const handleChange = ({ name, value, type, index, pIndex }) => {
-    // 입력 값에서 숫자 이외의 문자를 제거
 
+  // 날씨 핸들러
+  const handlerWeather = () => {
+    setFormModal(!formModal);
+  };
+
+  // 비행계획서 작성 핸들러
+  const handleChange = ({ name, value, type, index, pIndex }) => {
     const arrName = `${type}List`;
 
     switch (type) {
@@ -78,6 +99,7 @@ function LeftMenu() {
     }
   };
 
+  // 스텝 1 다음 버튼 이벤트
   const handlerNext = () => {
     const reg_email =
       /^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/;
@@ -200,11 +222,27 @@ function LeftMenu() {
               data={detailData}
               handleChange={handleChange}
               handlerNext={handlerNext}
+              handlerWeather={handlerWeather}
             />
           )}
           {step === 2 && <Apply handlerStep={handlerStep} />}
         </div>
         <ErrorModal modal={modal2} setModal={setModal2} />
+        <Modal
+          isOpen={formModal}
+          toggle={handlerWeather}
+          className='modal-dialog-centered'
+        >
+          <ModalHeader toggle={handlerWeather}>날씨 정보</ModalHeader>
+          <ModalBody>
+            <WeatherContainer mapAreaCoordList={wheather} />
+          </ModalBody>
+          <ModalFooter>
+            <Button color='primary' onClick={handlerWeather}>
+              확인
+            </Button>
+          </ModalFooter>
+        </Modal>
       </div>
     </>
   );