그룹 삭제 시 확인 알림창 구현

src/containers/group/create/CreateGroup.tsx

@@ -105,7 +105,7 @@ export default function CreateGroup() {
       address: formik.values.address,
       businessNumber: formik.values.businessNumber,
       email: formik.values.email,
-      imageUrl: "defaultGroup.png",
+      imageUrl: "groupDefault.png",
     };
     const response = await createGroup(requestCreateGroup);
 
@@ -114,6 +114,7 @@ export default function CreateGroup() {
     } else {
       alert("그룹 생성에 실패했습니다.");
     }
+    window.location.href = "/group";
   };
 
   const requestCheckDuplicateGroupName = async () => {

src/containers/group/detail/GroupDetail.module.css

@@ -13,6 +13,10 @@
     transform: translate(-50%, -50%);
 }
 
+.left_bar {
+    min-width: 19rem;
+}
+
 .group_title {
     font-size: 35px;
     font-weight: 700;

src/containers/group/detail/GroupDetail.tsx

@@ -110,7 +110,7 @@ export default function GroupDetail() {
     <>
       {groupData ? (
         <div className={styles.container}>
-          <div>
+          <div className={styles.left_bar}>
             <h1 className={styles.group_title}>{groupData.name}</h1>
             <Listbox
               items={items}

src/containers/group/detail/contents/AttendanceManage.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useMemo } from "react";
 import styles from "./AttendanceManage.module.css";
-import { Pagination, Link, Button } from "@nextui-org/react";
+import { Pagination, Button } from "@nextui-org/react";
 import usePagination from "@/hooks/usePagination";
 import {
   AttendanceStatus,

src/containers/group/detail/contents/GroupManage.tsx

@@ -139,11 +139,18 @@ export default function GroupManage(props: GroupManageProps) {
     alert("그룹 정보가 수정되었습니다.");
   };
 
-  const requestDeleteGroup = () => {
-    const response = deleteGroup(props.id);
+  const requestDeleteGroup = async () => {
+    if (!confirm("정말로 그룹을 삭제하시겠습니까?")) {
+      return;
+    }
+    const response = await deleteGroup(props.id);
     if (!response) {
       console.error("[Error] 그룹 정보 삭제 실패");
     }
+    if (response.status === 200) {
+      alert("그룹이 삭제되었습니다.");
+      window.location.href = "/group";
+    }
   };
 
   return (

src/services/group/group.ts

@@ -129,9 +129,10 @@ export const deleteGroup = async (groupId: number) => {
                 "Authorization": `Bearer ${localStorage.getItem("accessToken")}`,
             },
         });
-        return response.status === 200;
+        return { status: 200 };
     } catch (error) {
         console.error(error);
+        return { status: 500 };
     }
 };