add: template editor

src/components/Markdowns/MarkdownContent.js

@@ -4,14 +4,18 @@ import "katex/dist/katex.min.css";
 import "./MarkdownContent.css";
 import MarkdownView from "./MarkdownView";
 import PermissionGuard from "../PermissionGuard";
-import {useMarkdown} from "../../utils/markdown-queries";
-import {usePath} from "../../utils/path-queries";
+import {useMarkdown} from "../../utils/queries/markdown-queries";
+import {usePath} from "../../utils/queries/path-queries";
+import {useMarkdownSetting} from "../../utils/queries/setting-queries";
+import {useMarkdownTemplate} from "../../utils/queries/template-queries";
 
 const MarkdownContent = () => {
     const { id } = useParams();
     const [indexTitle, setIndexTitle] = useState(null);
     const {data: markdown, isLoading, error} = useMarkdown(id);
     const {data: path, isFetching: isPathFetching} = usePath(markdown?.path_id);
+    const {data: setting, isFetching: isSettingFetching} = useMarkdownSetting(markdown?.setting_id);
+    const {data: template_setting, isFetching: isTemplateSettingFetching} = useMarkdownTemplate(setting?.template_setting_id);
 
 
     useEffect(() => {
@@ -21,7 +25,9 @@ const MarkdownContent = () => {
     }, [markdown, path]);
 
 
-    if (isLoading || isPathFetching) {
+    const notReady = isLoading || isPathFetching || isSettingFetching || isTemplateSettingFetching;
+
+    if (notReady) {
         return <div>Loading...</div>;
     }
 
@@ -39,8 +45,7 @@ const MarkdownContent = () => {
                     </Link>
                 </PermissionGuard>
             </div>
-
-            <MarkdownView content={markdown.content}/>
+            <MarkdownView content={JSON.parse(markdown.content)} template={template_setting}/>
         </div>
     );
 };