#47

frontend/src/components/WikiBody.tsx

@@ -1,18 +1,6 @@
-import { useQuery } from '@tanstack/react-query'
-import { useMemo } from 'react'
-import ReactMarkdown from 'react-markdown'
-import remarkGFM from 'remark-gfm'
-
-import PrefetchLink from '@/components/PrefetchLink'
 import WikiMarkdown from '@/components/WikiMarkdown'
-import SectionTitle from '@/components/common/SectionTitle'
-import SubsectionTitle from '@/components/common/SubsectionTitle'
-import { wikiKeys } from '@/lib/queryKeys'
-import remarkWikiAutoLink from '@/lib/remark-wiki-autolink'
-import { fetchWikiPages } from '@/lib/wiki'
 
 import type { FC } from 'react'
-import type { Components } from 'react-markdown'
 
 type Props = { title: string
 	       body?: string }

frontend/src/components/WikiEditForm.tsx

@@ -1,12 +1,13 @@
-import MarkdownIt from 'markdown-it'
 import { useEffect, useState } from 'react'
 import MdEditor from 'react-markdown-editor-lite'
 
+import WikiMarkdown from '@/components/WikiMarkdown'
 import Label from '@/components/common/Label'
+import { apiPost } from '@/lib/api'
 
 import type { FC } from 'react'
 
-const mdParser = new MarkdownIt
+import type { WikiAsset } from '@/types'
 
 type Props = {
     title:    string
@@ -60,7 +61,7 @@ export default (({ title: initTitle, body: initBody, onSubmit, id }: Props) => {
 	  <MdEditor
 	      value={body}
 	      style={{ height: '500px' }}
-	      renderHTML={text => mdParser.render (text)}
+	      renderHTML={text => <WikiMarkdown body={text} preview/>}
 	      onChange={({ text }) => setBody (text)}
 	      onImageUpload={handleImageUpload}/>
 	</div>

frontend/src/types.ts

@@ -149,6 +149,11 @@ export type User = {
 
 export type ViewFlagBehavior = typeof ViewFlagBehavior[keyof typeof ViewFlagBehavior]
 
+export type WikiAsset = {
+    wikiPageId: number
+    no:         number
+    url:        string }
+
 export type WikiPage = {
     id:             number
     title:          string