|
|
|
|
@ -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)} |
|
|
|
|
> |
|
|
|
|
<Map size={18} /> |
|
|
|
|
<PiAirTrafficControlBold size={22} /> |
|
|
|
|
</button> |
|
|
|
|
<div className='right-layer active'>test</div> |
|
|
|
|
<div className='right-layer active'> |
|
|
|
|
<div className='vertiport-tab'> |
|
|
|
|
<Nav fill pills> |
|
|
|
|
<NavItem> |
|
|
|
|
<NavLink |
|
|
|
|
active={active === '1'} |
|
|
|
|
onClick={() => { |
|
|
|
|
toggle('1') |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
스케줄 현황 |
|
|
|
|
</NavLink> |
|
|
|
|
</NavItem> |
|
|
|
|
<NavItem> |
|
|
|
|
<NavLink |
|
|
|
|
active={active === '2'} |
|
|
|
|
onClick={() => { |
|
|
|
|
toggle('2') |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
기상 |
|
|
|
|
</NavLink> |
|
|
|
|
</NavItem> |
|
|
|
|
<NavItem> |
|
|
|
|
<NavLink |
|
|
|
|
active={active === '3'} |
|
|
|
|
onClick={() => { |
|
|
|
|
toggle('3') |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
NOTAM |
|
|
|
|
</NavLink> |
|
|
|
|
</NavItem> |
|
|
|
|
</Nav> |
|
|
|
|
<TabContent className='py-50' activeTab={active}> |
|
|
|
|
<TabPane tabId='1'> |
|
|
|
|
<p> |
|
|
|
|
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. |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
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. |
|
|
|
|
</p> |
|
|
|
|
</TabPane> |
|
|
|
|
<TabPane tabId='2'> |
|
|
|
|
<p> |
|
|
|
|
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. |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
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. |
|
|
|
|
</p> |
|
|
|
|
</TabPane> |
|
|
|
|
<TabPane tabId='3'> |
|
|
|
|
<p> |
|
|
|
|
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. |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
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. |
|
|
|
|
</p> |
|
|
|
|
</TabPane> |
|
|
|
|
</TabContent> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
) : ( |
|
|
|
|
<div className='right-menu'> |
|
|
|
|
@ -19,9 +102,10 @@ export const VertiportRightMenu = ({ setOpenSetting, openSetting }) => {
|
|
|
|
|
className='right-layer-btn' |
|
|
|
|
onClick={() => setOpenSetting(true)} |
|
|
|
|
> |
|
|
|
|
<Map size={18} /> |
|
|
|
|
<PiAirTrafficControlBold size={22} /> |
|
|
|
|
</button> |
|
|
|
|
<div className='right-layer'></div> |
|
|
|
|
<div className='right-layer'> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
)} |
|
|
|
|
</> |
|
|
|
|
|
