diff --git a/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx b/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx index 6fb5dc96c..5a00d3bdc 100644 --- a/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx +++ b/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx @@ -18,6 +18,9 @@ import { SelectTrigger, SelectValue, Skeleton, + Tooltip, + TooltipContent, + TooltipTrigger, } from "@common/components"; import { AttachmentApi } from "@/entities/attachment"; import { PostApi, PostPageGuard, type PostParams } from "@/entities/post"; @@ -40,6 +43,7 @@ function FaqPage({ bbsId }: { bbsId: string }) { keyword: "", }); const [selectedPostNumbers, setSelectedPostNumbers] = useState([]); + const [expandedFaqs, setExpandedFaqs] = useState([]); const { data: postList, @@ -174,6 +178,8 @@ function FaqPage({ bbsId }: { bbsId: string }) { {isFetched ? ( {postList?.content.map((item) => ( @@ -191,17 +197,30 @@ function FaqPage({ bbsId }: { bbsId: string }) { value={item.pstNo.toString()} className="w-full" > - -
-
- Q - {item.pstTtl} -
- - 등록일: {dayjs(item.regDt).format("YYYY-MM-DD")} - -
-
+ + + +
+
+ Q + {item.pstTtl} +
+ + 등록일: {dayjs(item.regDt).format("YYYY-MM-DD")} + +
+
+
+ + {expandedFaqs.includes(item.pstNo.toString()) + ? "접기" + : "펼치기"} + +