From cd458ddd46175d5d9aff931c1a0b88c97e53364b Mon Sep 17 00:00:00 2001
From: Chaeyeon1 <66813821+Chaeyeon1@users.noreply.github.com>
Date: Thu, 30 Nov 2023 12:57:06 +0900
Subject: [PATCH] =?UTF-8?q?readme=20bug=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/app/write/readme/[blogName]/page.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/src/app/write/readme/[blogName]/page.tsx b/client/src/app/write/readme/[blogName]/page.tsx
index 8af22c9..b266d81 100644
--- a/client/src/app/write/readme/[blogName]/page.tsx
+++ b/client/src/app/write/readme/[blogName]/page.tsx
@@ -1,14 +1,14 @@
 'use client';
 
 import { Stack } from '@mui/material';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import MDEditor from '@uiw/react-md-editor';
 import '@uiw/react-md-editor/markdown-editor.css';
 import '@uiw/react-markdown-preview/markdown.css';
 import { useUserThemeSSR } from '../../../../../hooks/useRecoilSSR';
 import Button from '@/components/Button/Button';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { PutReadMeApi } from '@/api/readme-api';
+import { PutReadMeApi, useGetReadMeQuery, usegetblogIdQuery } from '@/api/readme-api';
 import { useRouter } from 'next/navigation';
 
 const ReadMe = ({ params }: { params: { blogName: string } }) => {
@@ -16,6 +16,8 @@ const ReadMe = ({ params }: { params: { blogName: string } }) => {
   const [content, setContent] = useState<string | undefined>('');
   const queryClient = useQueryClient();
   const router = useRouter();
+  const { data: blogIdData } = usegetblogIdQuery({ blogUrl: params.blogName });
+  const { data: readMeData } = useGetReadMeQuery({ blogId: blogIdData });
 
   const putReadmeQuery = useMutation(PutReadMeApi, {
     onSuccess: () => {
@@ -24,6 +26,10 @@ const ReadMe = ({ params }: { params: { blogName: string } }) => {
     },
   });
 
+  useEffect(() => {
+    setContent(readMeData.content);
+  }, [readMeData]);
+
   const readmeSaveOnClick = () => {
     const newReadMeBody = {
       content: content,