fix: 친구 목록 조회 탭 삭제하기 CTA 버튼 분기처리

DDD-Community · Feb 23, 2024 · 31ed552 · 31ed552
1 parent 2b342e6
commit 31ed552
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/templates/FriendListTemplate.tsx b/src/components/templates/FriendListTemplate.tsx
@@ -123,14 +123,16 @@ const FriendListTemplate: React.FC<{ possibleDelete: boolean }> = ({
         )}
       </div>
 
-      <div className="fixed w-screen max-w-[480px] bottom-0 px-[20px] py-[26px]">
-        <Button
-          text={'삭제하기'}
-          className={`w-full ${selectedFriendIds.length === 0 ? 'bg-gray3 text-gray1' : 'bg-primary2 text-white'}`}
-          onClick={deleteOnOpen}
-          disabled={selectedFriendIds.length === 0}
-        />
-      </div>
+      {possibleDelete ? (
+        <div className="fixed w-screen max-w-[480px] bottom-0 px-[20px] py-[26px]">
+          <Button
+            text={'삭제하기'}
+            className={`w-full ${selectedFriendIds.length === 0 ? 'bg-gray3 text-gray1' : 'bg-primary2 text-white'}`}
+            onClick={deleteOnOpen}
+            disabled={selectedFriendIds.length === 0}
+          />
+        </div>
+      ) : null}
 
       <Modal
         onClose={deleteOnClose}