diff --git a/src/app/(steady)/steady/detail/[id]/page.tsx b/src/app/(steady)/steady/detail/[id]/page.tsx index 4e44c99e..84d3a556 100644 --- a/src/app/(steady)/steady/detail/[id]/page.tsx +++ b/src/app/(steady)/steady/detail/[id]/page.tsx @@ -123,7 +123,10 @@ const SteadyDetailPage = ({ params }: { params: { id: string } }) => { return (
- } > -
+
정말 스테디를 종료하겠습니까?
종료 시 되돌릴 수 없습니다.
@@ -182,7 +182,7 @@ const SteadyManagePage = ({ params }: { params: { id: string } }) => { } > -
+
정말 스테디를 삭제하겠습니까?
삭제 시 되돌릴 수 없습니다.
@@ -351,7 +351,9 @@ const SteadyManagePage = ({ params }: { params: { id: string } }) => { } > - 정말 해당 멤버를 추방하시겠습니까? + + 정말 해당 멤버를 추방하시겠습니까? +
@@ -393,7 +395,9 @@ const SteadyManagePage = ({ params }: { params: { id: string } }) => { } > - 정말 해당 멤버를 추방하시겠습니까? + + 정말 해당 멤버를 추방하시겠습니까? +
diff --git a/src/app/(user-menu)/mypage/page.tsx b/src/app/(user-menu)/mypage/page.tsx index ff7fd1f2..42dbae47 100644 --- a/src/app/(user-menu)/mypage/page.tsx +++ b/src/app/(user-menu)/mypage/page.tsx @@ -521,7 +521,9 @@ const MyProfilePage = () => { } > - 정말 스테디를 탈퇴하시겠습니까? + + 정말 스테디를 탈퇴하시겠습니까? + diff --git a/src/app/(user-menu)/mysteady/page.tsx b/src/app/(user-menu)/mysteady/page.tsx index 7848ea57..9db83af5 100644 --- a/src/app/(user-menu)/mysteady/page.tsx +++ b/src/app/(user-menu)/mysteady/page.tsx @@ -4,8 +4,10 @@ import { Fragment } from "react"; import InfiniteScroll from "react-infinite-scroller"; import Link from "next/link"; import { useSearchParams } from "next/navigation"; +import { useToast } from "@/components/ui/use-toast"; import { cn } from "@/lib/utils"; -import { Separator } from "@radix-ui/themes"; +import { CopyIcon } from "@radix-ui/react-icons"; +import { Badge, Separator } from "@radix-ui/themes"; import { format } from "date-fns"; import type { MySteadyContentType } from "@/services/types"; import Button, { buttonSize } from "@/components/_common/Button"; @@ -38,8 +40,8 @@ const MySteadyPage = () => { direction: "desc", }); const ref = useScrollTo({ top: 0 }, [search]); + const { toast } = useToast(); - console.log(mySteadyData); const renderIcon = (steady: MySteadyContentType) => { if (search === "finished") { return
; @@ -89,7 +91,7 @@ const MySteadyPage = () => { } >
-
정말 탈퇴하시겠습니까?
+
정말 탈퇴하시겠습니까?
); @@ -107,6 +109,22 @@ const MySteadyPage = () => { } }; + const handleCopyClipBoard = async (text: string) => { + try { + await navigator.clipboard.writeText(text); + toast({ + description: "연락 수단 복사 성공!", + variant: "green", + }); + } catch (error) { + toast({ + description: "연락 수단 복사 실패!", + variant: "red", + }); + console.error("복사에 실패했습니다."); + } + }; + return (
@@ -149,13 +167,25 @@ const MySteadyPage = () => { href={`/steady/detail/${steady.steadyId}`} className="flex h-full w-fit flex-grow" > -
+
{steady.isLeader ? `👑 ${steady.name}` : `${steady.name}`}
+ + +
{steady.isLeader ? "생성일: " : "참여일: "} {format(new Date(steady.joinedAt), "yyyy.MM.dd")} diff --git a/src/components/_common/Modal/UserModal/UserItems.tsx b/src/components/_common/Modal/UserModal/UserItems.tsx index 29481184..866bc5f2 100644 --- a/src/components/_common/Modal/UserModal/UserItems.tsx +++ b/src/components/_common/Modal/UserModal/UserItems.tsx @@ -50,7 +50,7 @@ const UserItems = ({ userId }: { userId: number }) => {
받은카드
-
+
{userProfileData.userCards.map((card) => (
{ 카드 이미지 -
{`(${card.count})`}
+
{`(${card.count})`}
))}
diff --git a/src/components/_common/Modal/UserModal/index.tsx b/src/components/_common/Modal/UserModal/index.tsx index 4cdeee70..122ba979 100644 --- a/src/components/_common/Modal/UserModal/index.tsx +++ b/src/components/_common/Modal/UserModal/index.tsx @@ -9,8 +9,8 @@ const UserModal = ({ return ( {trigger} - -
+ +