Fix: Add team board title

peer-42seoul · Feb 17, 2024 · 9e68c4e · 9e68c4e
1 parent e620e7f
commit 9e68c4e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/src/app/teams/[id]/board/@detail/page.tsx b/src/app/teams/[id]/board/@detail/page.tsx
@@ -56,6 +56,7 @@ const TeamBoardPostView = ({ params }: { params: { id: string } }) => {
   if (!data || error)
     return (
       <StatusMessage
+        boardType={'BOARD'}
         message={'문제가 발생했습니다.'}
         onClickEditButton={() => setBoard('LIST', boardId, postId)}
         author={!!data?.isAuthor}
@@ -64,14 +65,15 @@ const TeamBoardPostView = ({ params }: { params: { id: string } }) => {
   if (isLoading)
     return (
       <StatusMessage
+        boardType={'BOARD'}
         message={'게시글을 불러오는 중입니다...'}
         onClickEditButton={() => setBoard('LIST', boardId, postId)}
         author={!!data?.isAuthor}
       />
     )
   return (
     <>
-      <DetailPage handleGoBack={handleGoBack}>
+      <DetailPage boardType={'BOARD'} handleGoBack={handleGoBack}>
         {isPc && (
           <CuButton
             message={'이전 페이지'}

diff --git a/src/app/teams/[id]/notice/@detail/page.tsx b/src/app/teams/[id]/notice/@detail/page.tsx
@@ -53,6 +53,7 @@ const TeamNoticeView = ({ params }: { params: { id: string } }) => {
   if (!data || error)
     return (
       <StatusMessage
+        boardType={'NOTICE'}
         message={'문제가 발생했습니다.'}
         onClickEditButton={() => setNotice('EDIT', postId)}
         author={!!data?.isAuthor}
@@ -61,14 +62,15 @@ const TeamNoticeView = ({ params }: { params: { id: string } }) => {
   if (isLoading)
     return (
       <StatusMessage
+        boardType={'NOTICE'}
         message={'공지사항을 불러오는 중입니다...'}
         onClickEditButton={() => setNotice('EDIT', postId)}
         author={!!data?.isAuthor}
       />
     )
   return (
     <>
-      <DetailPage handleGoBack={handleGoBack}>
+      <DetailPage boardType={'NOTICE'} handleGoBack={handleGoBack}>
         {isPc && (
           <CuButton
             message={'이전 페이지'}

diff --git a/src/components/board/DetailPanel.tsx b/src/components/board/DetailPanel.tsx
@@ -6,6 +6,8 @@ import CuModal from '../CuModal'
 import DynamicToastViewer from '../DynamicToastViewer'
 import * as style from './DetailPanel.style'
 
+type TBoardType = 'NOTICE' | 'BOARD'
+
 interface IChildrenProps {
   children: React.ReactNode
 }
@@ -18,10 +20,12 @@ interface IDetailContentContainerProps {
 }
 
 interface IDetailPageProps extends IChildrenProps {
+  boardType: TBoardType
   handleGoBack: () => void
 }
 
 interface IStatusMessageProps {
+  boardType: TBoardType
   message: string
   onClickEditButton?: () => void
   author: boolean
@@ -34,7 +38,16 @@ interface IDetailContentProps {
   content: string
 }
 
-export const DetailPage = ({ children, handleGoBack }: IDetailPageProps) => {
+const title: Record<TBoardType, string> = {
+  NOTICE: '공지사항',
+  BOARD: '게시글',
+}
+
+export const DetailPage = ({
+  children,
+  boardType,
+  handleGoBack,
+}: IDetailPageProps) => {
   const { isPc } = useMedia()
   if (isPc) {
     return (
@@ -46,7 +59,7 @@ export const DetailPage = ({ children, handleGoBack }: IDetailPageProps) => {
   return (
     <CuModal
       open={true}
-      title={'공지사항'}
+      title={title[boardType]}
       onClose={handleGoBack}
       mobileFullSize
     >
@@ -89,13 +102,14 @@ export const DetailContentCotainer = ({
 }
 
 export const StatusMessage = ({
+  boardType,
   message,
   onClickEditButton,
   author,
 }: IStatusMessageProps) => {
   return (
     <DetailContentCotainer
-      containerTitle={'공지사항'}
+      containerTitle={title[boardType]}
       onClickEditButton={onClickEditButton}
       author={author}
     >