left menu 추가

src/views/vertiport/VertiportView.js

@@ -8,13 +8,40 @@ import { CustomMainLayout } from '../../components/layout/CustomMainLayout';
 import { createPortal } from 'react-dom';
 import { VertiportRightMenu } from '../../components/vertiport/VertiportRightMenu';
 
+import { VertiportLeftMenu } from '../../components/vertiport/VertiportLeftMenu';
+import { Button } from 'reactstrap';
 export default function VertiportView() {
   // 오른쪽 사이드 메뉴 표출 여부
   const [openSetting, setOpenSetting] = useState(true);
+
+  const [oepnReportList, setOpenReportList] = useState(false);
+
   const titleName = '지상관제(버티포트) 현황';
   return (
     <>
-      <CustomMainLayout title={titleName}>test</CustomMainLayout>
+      <CustomMainLayout title={titleName}>
+        test
+        <Button
+          onClick={() => setOpenReportList(true)}
+          type='button'
+          className='history-btn'
+        >
+          왼쪽 모달 제어
+        </Button>
+      </CustomMainLayout>
+      {oepnReportList && (
+        <>
+          {createPortal(
+            <VertiportLeftMenu
+              setOpenReportList={setOpenReportList}
+              oepnReportList={oepnReportList}
+            />,
+
+            document.getElementById('app-content')
+          )}
+        </>
+      )}
+
       {createPortal(
         <VertiportRightMenu
           openSetting={openSetting}