diff --git a/package-lock.json b/package-lock.json index a3de847..6d44a66 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21785,9 +21785,9 @@ "integrity": "sha512-bL0LQuQ3OlM3JYfbacKtBPLOHhmgYz8Lj6ivMrvu2M6e1wnt4sbGRtPEPYCc/8z3WDbjrMwfAfLX92OsB65pFA==" }, "react-icons": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz", - "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==" + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz", + "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==" }, "react-indiana-drag-scroll": { "version": "2.0.1", diff --git a/package.json b/package.json index af65893..40f4e15 100644 --- a/package.json +++ b/package.json @@ -83,7 +83,7 @@ "react-google-maps": "^9.4.5", "react-helmet-async": "1.3.0", "react-hook-form": "6.15.1", - "react-icons": "^4.2.0", + "react-icons": "^4.12.0", "react-indiana-drag-scroll": "^2.0.1", "react-intl": "3.11.0", "react-leaflet": "3.1.0", diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index fbc6e98..063eb64 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -1184,6 +1184,8 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .fsm-ti .btn-wrap button + button{margin-left:0.5rem} .fsm-box .list-input label{font-size:0.875rem} +.vertiport-tab *{color:#333} +.vertiport-tab .tab-content{display:block;} /*dark-layout*/ .dark-layout .main-menu .navbar-header .navbar-brand .brand-text{color:#fff} .dark-layout .color-wh .text-primary{color:#fff!important} @@ -1230,4 +1232,4 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} border-color: #283046!important; box-shadow: -5px 0 0 #283046, 5px 0 0 #283046!important; } .dark-layout .data-list{background:#7367f0;border-color:#7367f0} -.dark-layout .fsm-ti{border-color:#404656} \ No newline at end of file +.dark-layout .fsm-ti{border-color:#404656} diff --git a/src/components/vertiport/VertiportRightMenu.js b/src/components/vertiport/VertiportRightMenu.js index 40736be..a865316 100644 --- a/src/components/vertiport/VertiportRightMenu.js +++ b/src/components/vertiport/VertiportRightMenu.js @@ -1,6 +1,16 @@ import { Map } from 'react-feather'; +import { PiAirTrafficControlBold } from "react-icons/pi"; +import { useState } from 'react'; +import { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap' export const VertiportRightMenu = ({ setOpenSetting, openSetting }) => { + const [active, setActive] = useState('1') + + const toggle = tab => { + if (active !== tab) { + setActive(tab) + } + } return ( <> {openSetting ? ( @@ -9,9 +19,82 @@ export const VertiportRightMenu = ({ setOpenSetting, openSetting }) => { className='right-layer-btn' onClick={() => setOpenSetting(false)} > - + -
test
+
+
+ + + +

+ Chocolate cake sweet roll lemon drops marzipan chocolate cake cupcake cotton candy. Dragée ice cream dragée + biscuit chupa chups bear claw cupcake brownie cotton candy. Sesame snaps topping cupcake cake. Macaroon + lemon drops gummies danish marzipan donut. +

+

+ Chocolate bar soufflé tiramisu tiramisu jelly-o carrot cake gummi bears cake. Candy canes wafer croissant + donut bonbon dragée bear claw jelly sugar plum. Sweet lemon drops caramels croissant cheesecake jujubes + carrot cake fruitcake. Halvah biscuit lemon drops fruitcake tart. +

+
+ +

+ Bear claw jelly beans wafer pastry jelly beans candy macaroon biscuit topping. Sesame snaps lemon drops + donut gingerbread dessert cotton candy wafer croissant jelly beans. Sweet roll halvah gingerbread bonbon + apple pie gummies chocolate bar pastry gummi bears. +

+

+ Croissant danish chocolate bar pie muffin. Gummi bears marshmallow chocolate bar bear claw. Fruitcake halvah + chupa chups dragée carrot cake cookie. Carrot cake oat cake cake chocolate bar cheesecake. Wafer gingerbread + sweet roll candy chocolate bar gingerbread. +

+
+ +

+ Croissant jelly tootsie roll candy canes. Donut sugar plum jujubes sweet roll chocolate cake wafer. Tart + caramels jujubes. Dragée tart oat cake. Fruitcake cheesecake danish. Danish topping candy jujubes. Candy + canes candy canes lemon drops caramels tiramisu chocolate bar pie. +

+

+ Gummi bears tootsie roll cake wafer. Gummies powder apple pie bear claw. Caramels bear claw fruitcake + topping lemon drops. Carrot cake macaroon ice cream liquorice donut soufflé. Gummi bears carrot cake toffee + bonbon gingerbread lemon drops chocolate cake. +

+
+
+
+
) : (
@@ -19,9 +102,10 @@ export const VertiportRightMenu = ({ setOpenSetting, openSetting }) => { className='right-layer-btn' onClick={() => setOpenSetting(true)} > - + -
+
+
)} diff --git a/src/views/vertiport/VertiportView.js b/src/views/vertiport/VertiportView.js index a775fe2..e37c59c 100644 --- a/src/views/vertiport/VertiportView.js +++ b/src/views/vertiport/VertiportView.js @@ -11,7 +11,7 @@ import { VertiportRightMenu } from '../../components/vertiport/VertiportRightMen export default function VertiportView() { // 오른쪽 사이드 메뉴 표출 여부 const [openSetting, setOpenSetting] = useState(true); - const titleName = '버티포트'; + const titleName = '지상관제(버티포트) 현황'; return ( <> test