From 314ad1f5a49258c18424b6dbe45ff279dae281a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?sanguu516=28=EB=B0=95=EC=83=81=ED=98=84=29?=
 <sanguu516@naver.com>
Date: Tue, 17 Oct 2023 11:33:29 +0900
Subject: [PATCH] =?UTF-8?q?popover=20=EC=86=8D=EC=84=B1=EA=B0=92=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/laanc/LaancStep1.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/views/laanc/LaancStep1.js b/src/views/laanc/LaancStep1.js
index b05225b..67f3557 100644
--- a/src/views/laanc/LaancStep1.js
+++ b/src/views/laanc/LaancStep1.js
@@ -151,7 +151,7 @@ export default function LaancStep1({
   // 날짜 선택 핸들러
   const handleOpenFlatpickr = () => {
     if (data.areaList[0].coordList[0].lat === 0) {
-      setIsInfoModal({
+      setIsErrorModal({
         isOpen: true,
         title: '비행 구역 설정',
         desc: '비행 구역 설정을 먼저 설정 해 주세요'
@@ -268,7 +268,7 @@ export default function LaancStep1({
                 <Label for='test' className='pal-popover'>
                   <span className='necessary'>*</span>승인 유형
                   <Info
-                    id='commercial'
+                    id='commercialFocus'
                     onMouseEnter={() => setPopoverCommercial(true)}
                     onMouseLeave={() => setPopoverCommercial(false)}
                     size={16}
@@ -277,8 +277,9 @@ export default function LaancStep1({
                   />
                   <UncontrolledPopover
                     isOpen={popoverCommercial}
-                    target='commercial'
-                    toggle={() => toggle('commercial')}
+                    target='commercialFocus'
+                    trigger='focus'
+                    toggle={() => toggle('commercialFocus')}
                     placement='bottom'
                   >
                     <PopoverBody className='pal-popover-body'>
@@ -317,7 +318,7 @@ export default function LaancStep1({
                     <Label for='test'>
                       <span className='necessary'>*</span>비행 시작 일자
                       <Info
-                        id='schFltStDt'
+                        id='schFltStDtFocus'
                         onMouseEnter={() => setPopoverSchFltStDt(true)}
                         onMouseLeave={() => setPopoverSchFltStDt(false)}
                         size={16}
@@ -326,8 +327,9 @@ export default function LaancStep1({
                       />
                       <UncontrolledPopover
                         isOpen={popoverSchFltStDt}
-                        target='schFltStDt'
-                        toggle={() => toggle('schFltStDt')}
+                        target='schFltStDtFocus'
+                        trigger='focus'
+                        toggle={() => toggle('schFltStDtFocus')}
                         placement='bottom'
                       >
                         <PopoverBody className='pal-popover-body'>
@@ -344,6 +346,7 @@ export default function LaancStep1({
                       data-enable-time
                       defaultValue={data.schFltStDt}
                       value={data.schFltStDt}
+                      ref={schFltStDtRef}
                       onFocus={handleOpenFlatpickr}
                       options={{
                         minDate: moment().format('YYYY-MM-DD'),
@@ -394,7 +397,7 @@ export default function LaancStep1({
                     <Label for='test'>
                       <span className='necessary'>*</span>비행 종료 일자
                       <Info
-                        id='schFltEndDt'
+                        id='schFltEndDtFocus'
                         onMouseEnter={() => setPopoverSchFltEndDt(true)}
                         onMouseLeave={() => setPopoverSchFltEndDt(false)}
                         size={16}
@@ -403,8 +406,9 @@ export default function LaancStep1({
                       />
                       <UncontrolledPopover
                         isOpen={popoverSchFltEndDt}
-                        target='schFltEndDt'
-                        toggle={() => toggle('schFltEndDt')}
+                        target='schFltEndDtFocus'
+                        trigger='focus'
+                        toggle={() => toggle('schFltEndDtFocus')}
                         placement='bottom'
                       >
                         <PopoverBody className='pal-popover-body'>
@@ -420,6 +424,7 @@ export default function LaancStep1({
                       name='schFltEndDt'
                       data-enable-time
                       defaultValue={data.schFltEndDt}
+                      ref={schFltEndDtRef}
                       value={data.schFltEndDt}
                       onFocus={handleOpenFlatpickr}
                       options={{