From 540e44edde449d08721aa7f80acb60ee26d39b51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=83=81=ED=98=84?= <gus516@palnet.co.kr>
Date: Wed, 20 Mar 2024 17:21:47 +0900
Subject: [PATCH] =?UTF-8?q?left=20menu=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/vertiport/VertiportView.js | 29 +++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/views/vertiport/VertiportView.js b/src/views/vertiport/VertiportView.js
index e37c59c..09295e0 100644
--- a/src/views/vertiport/VertiportView.js
+++ b/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}