diff --git a/src/app/blog/[blogId]/components/Board/BoardContent.tsx b/src/app/blog/[blogId]/components/Board/BoardContent.tsx index 2efa482..f849491 100644 --- a/src/app/blog/[blogId]/components/Board/BoardContent.tsx +++ b/src/app/blog/[blogId]/components/Board/BoardContent.tsx @@ -15,7 +15,7 @@ export default function BoardContent({ const { postItems, totalPage } = useBoardContext(); return ( -
+
Stories
diff --git a/src/app/blog/[blogId]/components/Board/index.tsx b/src/app/blog/[blogId]/components/Board/index.tsx index cd9c7d9..6b0e616 100644 --- a/src/app/blog/[blogId]/components/Board/index.tsx +++ b/src/app/blog/[blogId]/components/Board/index.tsx @@ -5,7 +5,7 @@ import { BoardFetcher } from '../BlogFetcher'; import BoardContent from './BoardContent'; export default function Board({ blogId }: { blogId: number }) { - const [page, setPage] = useState(0); + const [page, setPage] = useState(1); return ( diff --git a/src/components/MouseImageGallery/index.tsx b/src/components/MouseImageGallery/index.tsx index 8e7cf50..d2220b3 100644 --- a/src/components/MouseImageGallery/index.tsx +++ b/src/components/MouseImageGallery/index.tsx @@ -4,6 +4,8 @@ import Image from 'next/image'; import Link from 'next/link'; import { MouseEvent, useRef } from 'react'; import { range } from '@/utils'; +import Cookies from 'js-cookie'; +import { BLOG_ID } from '@/constants'; import { LikeIcon, Mypage, Trending, Write } from '../Common'; export default function MouseImageGallery() { @@ -13,6 +15,7 @@ export default function MouseImageGallery() { const maxNumberOfImages = 10; // eslint-disable-next-line const refs: any[] = []; + const blogId = Cookies.get(BLOG_ID) as string; const getCurrentImages = () => { const images = []; @@ -100,7 +103,7 @@ export default function MouseImageGallery() { - +