From cd9e243ce2a11f015cfc007fe71f3ec7d19ab9d4 Mon Sep 17 00:00:00 2001
From: dongree <dongwoo0307@naver.com>
Date: Wed, 18 Oct 2023 14:16:52 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EB=A9=94=EB=AA=A8=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EC=8B=9C=EB=A6=AC=EC=A6=88=20=EC=A0=95=EB=B3=B4=20=EB=B3=BC=20?=
 =?UTF-8?q?=EC=88=98=20=EC=9E=88=EA=B2=8C=20=ED=95=98=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/memos/[slug]/page.tsx                   |  3 ++-
 src/components/memo/MemoViewer.tsx              |  3 +++
 src/components/memo/MemoViewerHeader.tsx        | 15 +++++++++++++++
 src/components/series/SeriesDetailContainer.tsx |  1 +
 src/types/memo.ts                               |  1 +
 5 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/app/memos/[slug]/page.tsx b/src/app/memos/[slug]/page.tsx
index 35e872fb..0e52a99f 100644
--- a/src/app/memos/[slug]/page.tsx
+++ b/src/app/memos/[slug]/page.tsx
@@ -9,7 +9,6 @@ import { getIsLike } from '@/service/like';
 import { ACCESS_TOKEN, REFRESH_TOKEN } from '@/utils/const';
 import { checkUser, getUserInfo } from '@/service/auth';
 import { getQuestionsByMemoId } from '@/service/questions';
-import { getFollowers, getFollowings } from '@/service/follow';
 
 type Props = {
   params: {
@@ -42,6 +41,7 @@ export default async function MemoPage({ params: { slug } }: Props) {
       isMine,
       createdDate,
       seriesId,
+      seriesTitle,
     },
     { isLike },
     comments,
@@ -84,6 +84,7 @@ export default async function MemoPage({ params: { slug } }: Props) {
             isMyMemo={isMine}
             createdDate={createdDate}
             seriesId={seriesId}
+            seriesTitle={seriesTitle}
           />
           <MemoSideBar
             authorName={authorName}
diff --git a/src/components/memo/MemoViewer.tsx b/src/components/memo/MemoViewer.tsx
index e3692296..98aef6b4 100644
--- a/src/components/memo/MemoViewer.tsx
+++ b/src/components/memo/MemoViewer.tsx
@@ -18,6 +18,7 @@ type Props = {
   createdDate: string;
   type?: 'memo' | 'series';
   seriesId: number;
+  seriesTitle: string;
 };
 
 export default function MemoViewer({
@@ -32,6 +33,7 @@ export default function MemoViewer({
   createdDate,
   type = 'memo',
   seriesId,
+  seriesTitle,
 }: Props) {
   return (
     <section
@@ -56,6 +58,7 @@ export default function MemoViewer({
           isMyMemo={isMyMemo}
           createdDate={createdDate}
           seriesId={seriesId}
+          seriesTitle={seriesTitle}
         />
       )}
       <h1
diff --git a/src/components/memo/MemoViewerHeader.tsx b/src/components/memo/MemoViewerHeader.tsx
index 81affed0..6633c82c 100644
--- a/src/components/memo/MemoViewerHeader.tsx
+++ b/src/components/memo/MemoViewerHeader.tsx
@@ -8,6 +8,7 @@ import { ModalContext } from '@/context/ModalProvider';
 import LikeBox from '../shared/LikeBox';
 import { extractYMDHM } from '@/service/time';
 import { notifyToast } from '@/service/notification';
+import Link from 'next/link';
 
 type Props = {
   memoId: number;
@@ -16,6 +17,7 @@ type Props = {
   isMyMemo: boolean;
   createdDate: string;
   seriesId: number;
+  seriesTitle: string;
 };
 
 export default function MemoViewerHeader({
@@ -25,6 +27,7 @@ export default function MemoViewerHeader({
   isMyMemo,
   createdDate,
   seriesId,
+  seriesTitle,
 }: Props) {
   const dropdownRef = useRef<HTMLElement>(null);
   const [isActive, setIsActive] = useDetectOutsideClick(dropdownRef, false);
@@ -48,6 +51,18 @@ export default function MemoViewerHeader({
         {extractYMDHM(createdDate)}
       </div>
       <nav className="relative flex items-center pl-5" ref={dropdownRef}>
+        {seriesId && (
+          <div className="text-xs mx-4 text-soma-grey-70">
+            {`🔗 Series `}
+            <Link
+              href={`/series/${seriesId}`}
+              className="text-soma-blue-40 font-extrabold underline "
+            >
+              {seriesTitle}
+            </Link>
+            에 속한 메모
+          </div>
+        )}
         <LikeBox
           likeNum={likes}
           postId={memoId}
diff --git a/src/components/series/SeriesDetailContainer.tsx b/src/components/series/SeriesDetailContainer.tsx
index 84e3b588..8b5d7a3c 100644
--- a/src/components/series/SeriesDetailContainer.tsx
+++ b/src/components/series/SeriesDetailContainer.tsx
@@ -184,6 +184,7 @@ export default function SeriesDetailContainer({
           createdDate={currentMemo.createdDate}
           type="series"
           seriesId={seriesId}
+          seriesTitle={seriesTitle}
         />
         <MemoSideBar
           authorName={authorName}
diff --git a/src/types/memo.ts b/src/types/memo.ts
index b7ee604c..1710d787 100644
--- a/src/types/memo.ts
+++ b/src/types/memo.ts
@@ -20,6 +20,7 @@ export type Memo = {
   seriesId: number;
   isCreated: boolean;
   authorRank: Rank;
+  seriesTitle: string;
 };
 
 export type PostMemoData = {