From 713d72d36cf2ce6c49a06cbffcf7e2c451b3c5e8 Mon Sep 17 00:00:00 2001
From: hojin <devbang5674@gmail.com>
Date: Wed, 12 Jun 2024 18:34:13 +0900
Subject: [PATCH] =?UTF-8?q?fix=20=EC=98=A4=EB=A5=98=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/weekSchedule/WeekScheduleItem.tsx    | 115 +++++++++---------
 src/pages/signup/index.tsx                    |   2 +-
 2 files changed, 59 insertions(+), 58 deletions(-)

diff --git a/src/components/home/weekSchedule/WeekScheduleItem.tsx b/src/components/home/weekSchedule/WeekScheduleItem.tsx
index 033b542..ef17fab 100644
--- a/src/components/home/weekSchedule/WeekScheduleItem.tsx
+++ b/src/components/home/weekSchedule/WeekScheduleItem.tsx
@@ -85,72 +85,73 @@ const WeekScheduleItem = ({
         </div>
       ) : (
         <>
-          {data.slice(0, 3).map((item: todayListData, index: number) => {
-            if (item.spaceType == 'MEETINGROOM') {
-              return (
-                <div key={index} className="border-b border-gray-300 pb-3 mt-3">
-                  <div className="mx-4 flex items-center justify-between">
-                    {/* 고정 */}
-                    <div className="flex gap-2 items-center">
-                      <div className="w-[3px] h-[72px] bg-yellow-400" />
-                      <div className="flex flex-col gap-2">
-                        <div className="text-space-black text-md font-semibold">
-                          {item?.reservationName}
-                        </div>
-                        <div className="flex flex-col text-sm font-normal text-gray-500">
-                          <div>
-                            {item?.branchName} {item?.spaceName} ({item?.spaceFloor}층)
+          {data.length > 0 &&
+            data.slice(0, 3).map((item: todayListData, index: number) => {
+              if (item.spaceType == 'MEETINGROOM') {
+                return (
+                  <div key={index} className="border-b border-gray-300 pb-3 mt-3">
+                    <div className="mx-4 flex items-center justify-between">
+                      {/* 고정 */}
+                      <div className="flex gap-2 items-center">
+                        <div className="w-[3px] h-[72px] bg-yellow-400" />
+                        <div className="flex flex-col gap-2">
+                          <div className="text-space-black text-md font-semibold">
+                            {item?.reservationName}
                           </div>
-                          <div>
-                            {format(item?.startAt, 'HH:mm')} -{' '}
-                            {format(item?.endAt, 'HH:mm')}
+                          <div className="flex flex-col text-sm font-normal text-gray-500">
+                            <div>
+                              {item?.branchName} {item?.spaceName} ({item?.spaceFloor}층)
+                            </div>
+                            <div>
+                              {format(item?.startAt, 'HH:mm')} -{' '}
+                              {format(item?.endAt, 'HH:mm')}
+                            </div>
                           </div>
                         </div>
                       </div>
-                    </div>
-                    <div className="flex flex-col gap-[8px]">
-                      <div className="flex justify-end">
-                        {item?.memberType == 'REPRESENTATIVE' ? (
-                          <div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-white bg-space-blue text-[12px] font-semibold">
-                            호스트
-                          </div>
-                        ) : (
-                          <div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-space-blue text-[12px] font-semibold">
-                            참석자
-                          </div>
-                        )}
+                      <div className="flex flex-col gap-[8px]">
+                        <div className="flex justify-end">
+                          {item?.memberType == 'REPRESENTATIVE' ? (
+                            <div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-white bg-space-blue text-[12px] font-semibold">
+                              호스트
+                            </div>
+                          ) : (
+                            <div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-space-blue text-[12px] font-semibold">
+                              참석자
+                            </div>
+                          )}
+                        </div>
+                        {renderUserImg(item.memberImageUrls)}
                       </div>
-                      {renderUserImg(item.memberImageUrls)}
                     </div>
                   </div>
-                </div>
-              );
-            } else if (item.spaceType == 'FOCUSDESK') {
-              return (
-                <div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
-                  <div className="text-space-black text-base font-semibold">
-                    개인 좌석
-                  </div>
-                  <div className="text-gray-400 text-sm font-normal mt-[5px]">
-                    {renderTime(item.startAt)} ~ |{'   '}
-                    {item.spaceName}
-                  </div>
-                </div>
-              );
-            } else {
-              return (
-                <div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
-                  <div className="text-space-black text-base font-semibold">
-                    개인 휴식
+                );
+              } else if (item.spaceType == 'FOCUSDESK') {
+                return (
+                  <div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
+                    <div className="text-space-black text-base font-semibold">
+                      개인 좌석
+                    </div>
+                    <div className="text-gray-400 text-sm font-normal mt-[5px]">
+                      {renderTime(item.startAt)} ~ |{'   '}
+                      {item.spaceName}
+                    </div>
                   </div>
-                  <div className="text-gray-400 text-sm font-normal mt-[5px]">
-                    {renderTime(item.startAt)} - {renderTime(item.endAt)} |{' '}
-                    {item.spaceName}
+                );
+              } else {
+                return (
+                  <div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
+                    <div className="text-space-black text-base font-semibold">
+                      개인 휴식
+                    </div>
+                    <div className="text-gray-400 text-sm font-normal mt-[5px]">
+                      {renderTime(item.startAt)} - {renderTime(item.endAt)} |{' '}
+                      {item.spaceName}
+                    </div>
                   </div>
-                </div>
-              );
-            }
-          })}
+                );
+              }
+            })}
         </>
       )}
     </div>
diff --git a/src/pages/signup/index.tsx b/src/pages/signup/index.tsx
index ce443b4..ce87439 100644
--- a/src/pages/signup/index.tsx
+++ b/src/pages/signup/index.tsx
@@ -11,7 +11,7 @@ import { useMutation } from 'react-query';
 
 const SignUpPage = () => {
   const [applyValues, setApplyValues] = useState<Partial<ApplyValues>>({
-    step: 2
+    step: 0
   });
 
   const { mutateAsync: signUpReq } = useMutation(