Merge pull request #145 from hhjin1/card-hj

[Style] Card: alert를 toast로 변경  Button: 커서 변경

Author: gyoyeon-kim

src/components/button/ColumnsButton.tsx

@@ -21,6 +21,7 @@ const ColumnsButton: React.FC<ButtonProps> = ({
         "h-[70px] md:h-[70px] lg:h-[70px]",
         "mt-[10px] md:mt-[16px] lg:mt-[20px]",
         "text-lg md:text-2lg lg:text-2lg",
+        "cursor-pointer",
         className
       )}
       {...props}

src/components/button/TodoButton.tsx

@@ -21,6 +21,7 @@ const TodoButton: React.FC<ButtonProps> = ({
         "h-[32px] md:h-[40px] lg:h-[40px]",
         "mt-[10px] md:mt-[16px] lg:mt-[20px]",
         "text-lg md:text-2lg lg:text-2lg",
+        "cursor-pointer",
         className
       )}
       {...props}

src/components/columnCard/Column.tsx

@@ -13,6 +13,7 @@ import { TEAM_ID } from "@/constants/team";
 import CardList from "./CardList";
 import CardDetailModal from "@/components/modalDashboard/CardDetailModal";
 import { CardDetailType } from "@/types/cards";
+import { toast } from "react-toastify";
 
 type ColumnProps = {
   columnId: number;
@@ -60,29 +61,29 @@ export default function Column({
 
   const handleEditColumn = async (newTitle: string) => {
     if (!newTitle.trim()) {
-      alert("칼럼 이름을 입력해주세요.");
+      toast.error("칼럼 이름을 입력해주세요.");
       return;
     }
 
     try {
       const updated = await updateColumn({ columnId, title: newTitle });
       setColumnTitle(updated.title);
       setIsColumnModalOpen(false);
-      alert("칼럼 이름이 변경되었습니다.");
+      toast.success("칼럼 이름이 변경되었습니다.");
     } catch (error) {
       console.error("칼럼 이름 수정 실패:", error);
-      alert("칼럼 이름 수정 중 오류가 발생했습니다.");
+      toast.error("칼럼 이름 수정 중 오류가 발생했습니다.");
     }
   };
 
   const handleDeleteColumn = async () => {
     try {
       await deleteColumn({ columnId });
       setIsDeleteModalOpen(false);
-      alert("칼럼이 삭제되었습니다.");
+      toast.success("칼럼이 삭제되었습니다.");
     } catch (error) {
       console.error("칼럼 삭제 실패:", error);
-      alert("칼럼 삭제에 실패했습니다.");
+      toast.error("칼럼 삭제에 실패했습니다.");
     }
   };
 

src/components/common/CustomToastContainer.tsx

@@ -1,6 +1,6 @@
 "use client";
 import "react-toastify/dist/ReactToastify.css";
-import { ToastContainer, Slide, toast } from "react-toastify";
+import { ToastContainer, Slide } from "react-toastify";
 
 const CustomToastContainer = () => {
   return (

src/pages/dashboard/[dashboardId]/index.tsx

@@ -16,6 +16,7 @@ import SideMenu from "@/components/sideMenu/SideMenu";
 import ColumnsButton from "@/components/button/ColumnsButton";
 import AddColumnModal from "@/components/columnCard/AddColumnModal";
 import { TEAM_ID } from "@/constants/team";
+import { toast } from "react-toastify";
 
 export default function Dashboard() {
   const router = useRouter();
@@ -139,7 +140,7 @@ export default function Dashboard() {
               isCreateDisabled={isCreateDisabled}
               onSubmit={async () => {
                 if (!newColumnTitle.trim()) {
-                  alert("칼럼 이름을 입력해 주세요."); // todo tostify로 바꾸기
+                  toast.error("칼럼 이름을 입력해 주세요.");
                   return;
                 }
 
@@ -154,7 +155,7 @@ export default function Dashboard() {
                   setIsAddColumnModalOpen(false);
                 } catch (error) {
                   console.error("칼럼 생성 실패:", error);
-                  alert("칼럼 생성 중 에러가 발생했어요."); // todo tostify로 바꾸기
+                  toast.error("칼럼 생성 중 에러가 발생했어요.");
                 }
               }}
             />