HOTFIX: 탈퇴한 회원 버그 수정

the-kingdoms · Jul 16, 2024 · acb8067 · acb8067
1 parent f4b141f
commit acb8067
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 13 deletions.
diff --git a/src/apis/_type.ts b/src/apis/_type.ts
@@ -16,11 +16,11 @@ interface Store {
 }
 
 interface AbstractMember {
-  id: string;
-  name: string;
-  phone: string;
-  providerType: ProviderType;
-  storeList: Store[];
+  id: string | null;
+  name: string | null;
+  phone: string | null;
+  providerType: ProviderType | null;
+  storeList: Store[] | null;
 }
 
 export type { StatusType, DayType, ProviderType, RoleType };

diff --git a/src/apis/history.ts b/src/apis/history.ts
@@ -19,8 +19,8 @@ interface History extends PostHistoryBody {
   relation: {
     position: string;
     member: {
-      name: string;
-      phone: string;
+      name: string | null;
+      phone: string | null;
     };
   };
 }

diff --git a/src/pages/manage/attendance.tsx b/src/pages/manage/attendance.tsx
@@ -39,7 +39,7 @@ export default function Attendance() {
 
   const allButtonClick = () => {
     filteredList.forEach(history => {
-      if (history.status === "DISAPPROVED") {
+      if (history.status === "DISAPPROVED" && history.relation.member.id) {
         postHistoryStatusMutate({
           memberId: history.relation.member.id,
           historyId: history.id,
@@ -51,6 +51,7 @@ export default function Attendance() {
 
   const profileClick = (index: number) => {
     const history = filteredList[index];
+    if (!history.relation.member.id) return;
     postHistoryStatusMutate({
       memberId: history.relation.member.id,
       historyId: history.id,

diff --git a/src/pages/mypage/authority.tsx b/src/pages/mypage/authority.tsx
@@ -19,6 +19,7 @@ export default function MyPageAuthorithy() {
 
   const addNewAdmin = () => {
     checkedEmployees.forEach(item => {
+      if (!item?.member.id) return;
       postRelationAdminMutate({
         memberId: item?.member.id,
         body: { ...item, role: "MANAGER" },

diff --git a/src/screen/manage/AddWorkModal.tsx b/src/screen/manage/AddWorkModal.tsx
@@ -35,7 +35,7 @@ export default function AddWorkModal() {
 
   useEffect(() => {
     const tempList = relationList?.map(
-      relationInfo => relationInfo.member.name,
+      relationInfo => relationInfo.member.name ?? "탈퇴한 회원",
     );
     setMemberNameList(tempList ?? []);
   }, [relationList]);

diff --git a/src/screen/manage/StaffInform.tsx b/src/screen/manage/StaffInform.tsx
@@ -49,7 +49,7 @@ export default function StaffInform() {
                   <ProfileDiscription
                     name={relate.member.name}
                     position={relate.position}
-                    phone={relate.member.phone}
+                    phone={relate.member.phone ?? ""}
                   />
                 </RouterWrapper>
               ))}

diff --git a/src/screen/mypage/RelationSlider.tsx b/src/screen/mypage/RelationSlider.tsx
@@ -30,8 +30,9 @@ export default function RelationSlider({
               focus={relation.member.id === currentMemberId}
             />
             <div className="w-full text-center B5-medium text-Gray5">
-              {relation.member.name.slice(0, 5)}
-              {relation.member.name.length > 5 && "..."}
+              {relation.member.name === null
+                ? "탈퇴한 회원"
+                : `${relation.member.name?.slice(0, 5)}${relation.member.name && relation.member.name.length > 5 ? "..." : ""}`}
             </div>
           </FlexBox>
         </button>

diff --git a/src/screen/mypage/authority/AdminAdd.tsx b/src/screen/mypage/authority/AdminAdd.tsx
@@ -24,7 +24,9 @@ export default function AdminAdd({
   };
   return (
     <FlexBox className="justify-between w-full rounded-lg border border-Gray3 px-4 py-3">
-      <div className="text-Gray5 B4-medium">{relation.member.name}</div>
+      <div className="text-Gray5 B4-medium">
+        {relation.member.name ?? "탈퇴한 회원"}
+      </div>
       <Checkbox
         type="round"
         checked={checkedEmployees.some(

diff --git a/src/screen/mypage/authority/AdminInfoCard.tsx b/src/screen/mypage/authority/AdminInfoCard.tsx
@@ -12,6 +12,7 @@ function AdminRemoveWapper({
 }: AdminInfoCardProps & { children: React.ReactNode }) {
   const { mutate: postRelationAdminMutate } = usePostRelationAdmin();
   const removeAdmin = () => {
+    if (!relation.member.id) return;
     postRelationAdminMutate({
       memberId: relation.member.id,
       body: { ...relation, role: "STAFF" },