Merge pull request #291 from ssu-student-union/fix/#289_markdown_apply

Fix/#289 markdown apply
ssu-student-union · Oct 27, 2024 · 853d82e · 853d82e
2 parents 0e1bd47 + e290266
commit 853d82e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/src/pages/audit/auditDetail/container/auditDetailContentSection.tsx b/src/pages/audit/auditDetail/container/auditDetailContentSection.tsx
@@ -1,3 +1,5 @@
+import { Viewer } from '@toast-ui/react-editor';
+
 interface AuditDetailContentProps {
   content: string;
   images?: string[];
@@ -6,7 +8,7 @@ interface AuditDetailContentProps {
 export function AuditDetailContentSection({ content, images = [] }: AuditDetailContentProps) {
   return (
     <div className="pt-[32px]">
-      <div className="font-sm text-[#484848]">{content}</div>
+      <Viewer initialValue={content} />
       <div className="h-[32px]" />
       {images?.map((image, index) => (
         <div key={image + index}>

diff --git a/src/pages/notice/noticeDetail/container/noticeDetailContentSection.tsx b/src/pages/notice/noticeDetail/container/noticeDetailContentSection.tsx
@@ -1,3 +1,5 @@
+import { Viewer } from '@toast-ui/react-editor';
+
 interface NoticeDetailContentProps {
   content: string;
   images?: string[];
@@ -6,7 +8,7 @@ interface NoticeDetailContentProps {
 export function NoticeDetailContentSection({ content, images = [] }: NoticeDetailContentProps) {
   return (
     <div className="pt-[32px]">
-      <div className="font-sm text-[#484848]">{content}</div>
+      <Viewer initialValue={content} />
       <div className="h-[32px]" />
       {images?.map((image, index) => (
         <div key={image + index}>

diff --git a/src/pages/partnership/partnershipDetail/container/PartnershipDetailContentSection.tsx b/src/pages/partnership/partnershipDetail/container/PartnershipDetailContentSection.tsx
@@ -1,3 +1,5 @@
+import { Viewer } from '@toast-ui/react-editor';
+
 interface PartnershipDetailContentProps {
   content: string;
   images?: string[];
@@ -6,7 +8,7 @@ interface PartnershipDetailContentProps {
 export function PartnershipDetailContentSection({ content, images = [] }: PartnershipDetailContentProps) {
   return (
     <div className="pt-[32px]">
-      <div className="font-sm text-[#484848]">{content}</div>
+      <Viewer initialValue={content} />
       <div className="h-[32px]" />
       {images?.map((image, index) => (
         <div key={index}>

diff --git a/src/pages/router.tsx b/src/pages/router.tsx
@@ -63,7 +63,7 @@ export function MainRouter() {
         <Route path="/audit/:id" element={<AuditDetailPage />} />
         <Route path="/audit/edit" element={<AuditEditPage />} />
         <Route path="/audit/:id/patch" element={<AuditPatchPage />} />
-        {/*자료집 임시 제거*/}
+        {/*자료집 임시 제거-*/}
         {/* <Route path="/data" element={<Data />} />
         <Route path="/data/edit" element={<Data />} /> */}
         {/*개인정보이용약관*/}