Skip to content

Commit 4a71eff

Browse files
authored
fix: type error 오류 수정 (#172)
1 parent 3d47c6c commit 4a71eff

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

src/pages/work/postList/PostGallery.tsx

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,20 @@ const PostGallery = () => {
2727
const [activeStoryLength, setActiveStoryLength] = useState("전체");
2828
const [viewType, setViewType] = useState<"grid" | "card">("grid");
2929

30+
const [posts, setPosts] = useState(mockData); // 상태로 관리
31+
3032
const toggleViewType = () => {
3133
setViewType((prev) => (prev === "grid" ? "card" : "grid"));
3234
};
3335

36+
const handleToggleLike = (postId: string) => {
37+
setPosts((prevPosts) =>
38+
prevPosts.map((post) =>
39+
post.id === postId ? { ...post, isLike: !post.isLike } : post
40+
)
41+
);
42+
};
43+
3444
return (
3545
<div className=" flex flex-col pt-[72px] px-[320px] ">
3646
{/*------ 작품 둘러보기 ------*/}
@@ -138,6 +148,7 @@ const PostGallery = () => {
138148
colNum={5}
139149
gapX={74}
140150
gapY={59}
151+
onToggleLike={handleToggleLike}
141152
/>
142153
</section>
143154
<section>
@@ -158,6 +169,7 @@ const PostGallery = () => {
158169
colNum={5}
159170
gapX={74}
160171
gapY={59}
172+
onToggleLike={handleToggleLike}
161173
/>
162174
</section>
163175
</div>
@@ -168,10 +180,12 @@ const PostGallery = () => {
168180
colNum={5}
169181
gapX={74}
170182
gapY={59}
183+
onToggleLike={handleToggleLike}
171184
/>
172185
)}
173186
</div>
174187
);
175188
};
176189

177190
export default PostGallery;
191+

0 commit comments

Comments
 (0)