From affc820a6c97eec0b2426c1d75b5c7b488886318 Mon Sep 17 00:00:00 2001
From: yeyounging <133792082+yeyounging@users.noreply.github.com>
Date: Wed, 12 Jun 2024 15:53:59 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EA=B2=BD=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20=EB=B0=8F=20=ED=8E=98=EC=9D=B4=EC=A7=80=EB=84=A4?=
 =?UTF-8?q?=EC=9D=B4=EC=85=98=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0=20?=
 =?UTF-8?q?(#92)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/blog/[blogId]/components/Board/BoardContent.tsx | 2 +-
 src/app/blog/[blogId]/components/Board/index.tsx        | 2 +-
 src/components/MouseImageGallery/index.tsx              | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

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 (
-    <div className="px-100">
+    <div className="px-100 py-20">
       <header className="flex flex-row items-center justify-between w-full pr-10">
         <div className="flex flex-col justify-center items-center">
           <div className="font-extrabold text-4xl">Stories</div>
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<number>(0);
+  const [page, setPage] = useState<number>(1);
 
   return (
     <BoardFetcher blogId={blogId} page={page}>
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() {
             <LikeIcon color="#000" />
           </Link>
 
-          <Link href="/mypage" className="flex gap-10 z-[100]">
+          <Link href={`/blog/${blogId}`} className="flex gap-10 z-[100]">
             <Mypage />
           </Link>