From 97d60e75a47191f7d653a60d6294096c337e9022 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?hagjoon=28=EC=9D=B4=ED=95=99=EC=A4=80=29?=
 <dlgkrwns@palnet.co.kr>
Date: Thu, 3 Nov 2022 10:55:00 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=EA=B3=84=ED=9A=8D=EC=84=9C?=
 =?UTF-8?q?=20=EB=82=A0=EC=94=A8(=ED=8F=BC=EC=B6=94=EA=B0=80)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flight/plan/FlightPlanAreaDetailForm.js   | 189 +++++++++++++++++-
 1 file changed, 187 insertions(+), 2 deletions(-)

diff --git a/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js b/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
index 381eb345..147082ef 100644
--- a/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
+++ b/src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
@@ -4,11 +4,25 @@ import {
   CardBody,
   Col,
   FormGroup,
-  Input,
   Label,
   Row,
-  Button
+  Button,
+  InputGroupAddon,
+  InputGroup,
+  Input,
+  Table
 } from 'reactstrap';
+import {
+  Search,
+  Compass,
+  Sun,
+  CloudLightning,
+  Cloud,
+  CloudRain,
+  CloudDrizzle,
+  CloudSnow,
+  Navigation2
+} from 'react-feather';
 
 const FlightPlanAreaDetailForm = ({
   handleSave,
@@ -247,6 +261,177 @@ const FlightPlanAreaDetailForm = ({
                     닫기
                   </Button.Ripple>
                 </div>
+                <div className='layer-content'>
+                  <div className='layer-weather-box'>
+                    <div className='layer-weather-info'>
+                      <div className='layer-weather-table'>
+                        <div className='layer-weather-address'>
+                          검색하신 지역의 날씨 정보입니다.
+                          <span>
+                            <Compass size={20} /> 인천광역시 부평구 안남로 272
+                          </span>
+                        </div>
+                        {/* 탭메뉴or탭내용 활성화 active */}
+                        <div className='tab-menu'>
+                          <ul>
+                            <li className=''>오늘</li>
+                            <li className='active'>주간</li>
+                          </ul>
+                        </div>
+                        <div className='tab-content'>
+                          <Table responsive>
+                            <thead>
+                              <tr>
+                                <th>시각</th>
+                                <th>날씨</th>
+                                <th>기온</th>
+                                <th>풍향</th>
+                                <th>풍속</th>
+                              </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                <td>10시</td>
+                                <td>
+                                  <Sun />
+                                </td>
+                                <td>27℃</td>
+                                <td>
+                                  <Navigation2 className='rotate-45' />
+                                </td>
+                                <td>2m/s</td>
+                              </tr>
+                              <tr>
+                                <td>12시</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                                <td>
+                                  <Navigation2 className='rotate-75' />
+                                </td>
+                                <td>3m/s</td>
+                              </tr>
+                              <tr>
+                                <td>14시</td>
+                                <td>
+                                  <Cloud />
+                                </td>
+                                <td>28℃</td>
+                                <td>
+                                  <Navigation2 className='rotate-90' />
+                                </td>
+                                <td>4m/s</td>
+                              </tr>
+                              <tr>
+                                <td>16시</td>
+                                <td>
+                                  <CloudRain />
+                                </td>
+                                <td>27℃</td>
+                                <td>
+                                  <Navigation2 className='rotate-135' />
+                                </td>
+                                <td>7m/s</td>
+                              </tr>
+                              <tr>
+                                <td>18시</td>
+                                <td>
+                                  <CloudSnow />
+                                </td>
+                                <td>25℃</td>
+                                <td>
+                                  <Navigation2 className='rotate-180' />
+                                </td>
+                                <td>2m/s</td>
+                              </tr>
+                              <tr>
+                                <td>20시</td>
+                                <td>
+                                  <CloudDrizzle />
+                                </td>
+                                <td>26℃</td>
+                                <td>
+                                  <Navigation2 className='rotate-225' />
+                                </td>
+                                <td>2m/s</td>
+                              </tr>
+                            </tbody>
+                          </Table>
+                        </div>
+                        <div className='tab-content active'>
+                          <Table responsive>
+                            <thead>
+                              <tr>
+                                <th>날짜</th>
+                                <th>날씨</th>
+                                <th>기온</th>
+                              </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                <td>06.19.(토) 오전</td>
+                                <td>
+                                  <Sun />
+                                </td>
+                                <td>최저 27℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.19.(토) 오후</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.20.(일) 오전</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.20.(일) 오후</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.21.(월) 오전</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.21.(월) 오후</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.22.(화) 오전</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                              <tr>
+                                <td>06.2.(화) 오후</td>
+                                <td>
+                                  <CloudLightning />
+                                </td>
+                                <td>30℃</td>
+                              </tr>
+                            </tbody>
+                          </Table>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </CardBody>
             </Card>
           </Col>