junh_eee(이준희)
6 months ago
8 changed files with 79 additions and 5 deletions
@ -0,0 +1,13 @@ |
|||||||
|
export default [ |
||||||
|
{ |
||||||
|
id: 'vertiport_001', |
||||||
|
title: 'vertiport', |
||||||
|
navLink: '#' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'vertiport_001_01', |
||||||
|
type: 'item', |
||||||
|
title: '버티 포트', |
||||||
|
navLink: '/vertiport/index' |
||||||
|
} |
||||||
|
]; |
@ -0,0 +1,10 @@ |
|||||||
|
import { lazy } from 'react'; |
||||||
|
|
||||||
|
const RouteVertiport = [ |
||||||
|
{ |
||||||
|
path: '/vertiport/index', |
||||||
|
component: lazy(() => import('../../views/vertiport/VertiportView')) |
||||||
|
} |
||||||
|
]; |
||||||
|
|
||||||
|
export default RouteVertiport; |
@ -0,0 +1,37 @@ |
|||||||
|
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
||||||
|
import '@styles/react/libs/tables/react-dataTable-component.scss'; |
||||||
|
import '../../assets/css/custom.css'; |
||||||
|
|
||||||
|
import { useState } from 'react'; |
||||||
|
import { Map } from 'react-feather'; |
||||||
|
|
||||||
|
export default function VertiportView() { |
||||||
|
// 오른쪽 사이드 메뉴 표출 여부
|
||||||
|
const [openSetting, setOpenSetting] = useState(true); |
||||||
|
|
||||||
|
return ( |
||||||
|
<> |
||||||
|
{openSetting ? ( |
||||||
|
<div className='right-menu active'> |
||||||
|
<button |
||||||
|
className='right-layer-btn' |
||||||
|
onClick={() => setOpenSetting(false)} |
||||||
|
> |
||||||
|
<Map size={18} /> |
||||||
|
</button> |
||||||
|
<div className='right-layer active'>{/* 오른쪽 레이어 영역 */}</div> |
||||||
|
</div> |
||||||
|
) : ( |
||||||
|
<div className='right-menu'> |
||||||
|
<button |
||||||
|
className='right-layer-btn' |
||||||
|
onClick={() => setOpenSetting(true)} |
||||||
|
> |
||||||
|
<Map size={18} /> |
||||||
|
</button> |
||||||
|
<div className='right-layer'></div> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</> |
||||||
|
); |
||||||
|
} |
Loading…
Reference in new issue