From 2a96f49370d4b79e4fca5211022390026686a55c Mon Sep 17 00:00:00 2001 From: Yooshin Kim Date: Sat, 23 Mar 2024 23:43:54 +0900 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat=20:=20=ED=8F=AC=EC=8A=A4?= =?UTF-8?q?=ED=8A=B8=20=EC=83=81=EC=84=B8=EC=97=90=EC=84=9C=EB=8F=84=20?= =?UTF-8?q?=ED=94=84=EB=A1=9C=EA=B7=B8=EB=A0=88=EC=8A=A4=20=EB=B0=94=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/PostDetail/PostDetailPage.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/pages/PostDetail/PostDetailPage.tsx b/src/pages/PostDetail/PostDetailPage.tsx index 0cf61aa..9cb1ebc 100644 --- a/src/pages/PostDetail/PostDetailPage.tsx +++ b/src/pages/PostDetail/PostDetailPage.tsx @@ -7,10 +7,12 @@ import { useGetPost } from '../../hooks/queries/post/useGetPost'; import PostTop from '../../components/Post/PostTop'; import { useOutletContext } from 'react-router-dom'; import { HeaderLayoutContext } from '../../layouts/HeaderLayout'; -import { useEffect } from 'react'; +import { useEffect, useState } from 'react'; +import Progress from '../../components/common/Loading/Progress'; export default function PostDetailPage() { const { id = '' } = useParams(); + const [isLoading, setIsLoading] = useState(false); /** * 헤더 타이틀 변경 @@ -53,7 +55,10 @@ export default function PostDetailPage() { image={posting?.postingImage} text={posting?.postingText} sns={posting?.postingChannel} + onChange={(state) => setIsLoading(state)} /> + + {isLoading && } ); }