🔧 Fix : 비로그인일 때 버튼 오류 수정

prgrms-web-devcourse-final-project · Dec 10, 2024 · 7922f72 · 7922f72
2 parents 38dd972 + cbdfea2
commit 7922f72
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/src/pages/DetailPage/components/DetailNavigation.tsx b/src/pages/DetailPage/components/DetailNavigation.tsx
@@ -44,7 +44,9 @@ const DetailNavigation = ({
   return (
     <div className='fixed bottom-0 z-10 flex h-[94px] w-[375px] items-center justify-center border-t border-subfont bg-white pb-[16px]'>
       <div className='flex items-center gap-2'>
-        {isUser && (
+        {isLogin && !isUser ? (
+          <div />
+        ) : (
           <button
             type='button'
             className='flex h-[48px] w-[100px] items-center justify-center rounded-[8px] border border-primary'
@@ -61,11 +63,13 @@ const DetailNavigation = ({
         )}
         <button
           type='button'
-          className={`h-[48px] rounded-[8px] text-white ${isBtnDisabled ? 'bg-subfont' : 'bg-primary'} ${isUser ? 'w-[222px]' : 'pointer-events-none w-custom bg-subfont'}`}
+          className={`h-[48px] rounded-[8px] text-white ${isBtnDisabled ? 'bg-subfont' : 'bg-primary'} ${isLogin && !isUser ? 'pointer-events-none w-custom bg-subfont' : 'w-[222px]'}`}
           disabled={isBtnDisabled}
           onClick={handleSelectRoom}
         >
-          {isUser ? '룸 선택하기' : '사업자는 룸을 선택할 수 없습니다.'}
+          {isLogin && !isUser
+            ? '사업자는 룸을 선택할 수 없습니다.'
+            : '룸 선택하기'}
         </button>
       </div>
     </div>

diff --git a/src/pages/ReservationPage/index.tsx b/src/pages/ReservationPage/index.tsx
@@ -60,10 +60,12 @@ const ReservationPage = () => {
         <div className='flex items-center gap-2'>
           <button
             type='button'
-            className={`btn-primary w-custom px-1 ${isLogin ? '' : 'pointer-events-none bg-subfont'} ${isUser ? '' : 'pointer-events-none w-custom bg-subfont font-normal'}`}
+            className={`btn-primary w-custom px-1 ${isLogin && !isUser ? 'pointer-events-none w-custom bg-subfont font-normal' : ''}`}
             onClick={handleClickReservation}
           >
-            {isUser ? '룸 선택하기' : '사업자는 예약할 수 없습니다.'}
+            {isLogin && !isUser
+              ? '사업자는 예약할 수 없습니다.'
+              : '룸 선택하기'}
           </button>
         </div>
       </div>