Merge pull request #43 from the-kingdoms/hotfix

HOTFIX: 탈퇴 멤버 대응
the-kingdoms · Jul 16, 2024 · ab2e48f · ab2e48f
2 parents e678401 + 21a368b
commit ab2e48f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/components/list/ScheduleList.tsx b/components/list/ScheduleList.tsx
@@ -4,7 +4,7 @@ import { useState } from "react";
 import styles from "./ScheduleList.module.css";
 
 interface ScheduleListProps {
-  name: string;
+  name: string | null;
   role: "MANAGER" | "STAFF" | "OWNER";
   time: string;
   onDelete?: () => void;
@@ -39,7 +39,11 @@ export default function ScheduleList({
       >
         <FlexBox direction="col" className="items-start gap-1 px-3 py-2.5">
           <div className="B5-regular text-white">{time}</div>
-          <div className="B4-regular text-white">{name}</div>
+          {name === null ? (
+            <div className="B5-regular text-white">탈퇴한 유저입니다</div>
+          ) : (
+            <div className="B4-regular text-white">{name}</div>
+          )}
         </FlexBox>
       </button>
       <div className="ml-auto h-full bg-Gray6 rounded-r-xl w-12">

diff --git a/components/profile/Profile.tsx b/components/profile/Profile.tsx
@@ -1,7 +1,7 @@
 import FlexBox from "../../layout/FlexBox";
 
 interface ProfileProps {
-  name: string;
+  name: string | null;
   size: "S" | "M1" | "M2" | "L";
   focus?: boolean;
 }
@@ -27,7 +27,9 @@ export default function Profile({ name, size, focus = true }: ProfileProps) {
     <FlexBox
       className={`bg-gradient-to-b rounded-full ${focus ? colorStyle.focus : colorStyle.blur} ${style[size]} justify-center`}
     >
-      <span className={`text-white ${textStyle[size]}`}>{name[0]}</span>
+      <span className={`text-white ${textStyle[size]}`}>
+        {name && name.length > 0 && name[0]}
+      </span>
     </FlexBox>
   );
 }