feat :: 공지사항 고정

EntryDSM · Jul 10, 2024 · f2af3d1 · f2af3d1
1 parent f12072e
commit f2af3d1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/src/components/Board/BoardElement.tsx b/src/components/Board/BoardElement.tsx
@@ -8,6 +8,7 @@ import { useAuthority } from '@/hooks/useAuthority';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { faqTypeToKorean } from '@/utils/translate';
 import { DeleteFaq } from '@/utils/api/faq';
+import Pin from '@/assets/pin';
 
 const BoardElement = (props: IBoard) => {
   const {
@@ -25,6 +26,7 @@ const BoardElement = (props: IBoard) => {
     userName,
     faq_type,
     createdAt,
+    isPinned,
   } = props;
   const [clicked, setClicked] = useState(false);
   const { isAdmin, authorityColor } = useAuthority();
@@ -49,8 +51,14 @@ const BoardElement = (props: IBoard) => {
                 whiteSpace="nowrap"
                 style={{ overflow: searchParams.get('type') != 'faq' && 'hidden' }}
                 width={400}
+                display="flex"
               >
                 {title}
+                {isPinned && (
+                  <Div style={{ marginLeft: '4px' }}>
+                    <Pin size={14} color={theme.color.orange500} />
+                  </Div>
+                )}
               </Text>
             </Div>
           </Pc>

diff --git a/src/interfaces/Board.d.ts b/src/interfaces/Board.d.ts
@@ -16,4 +16,5 @@ export interface IBoard {
   content?: string;
   faq_type?: FaqType;
   boardId?: string;
+  isPinned?: boolean;
 }
diff --git a/src/pages/Notice.tsx b/src/pages/Notice.tsx
@@ -50,6 +50,7 @@ const NoticePage = () => {
                 isWriteDay={true}
                 isWriter={false}
                 isPublic
+                isPinned={notice.isPinned}
               />
             </Link>
           );