add: display home markdown

src/App.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import {BrowserRouter as Router, Navigate, Route, Routes} from "react-router-dom";
 import MainNavigation from "./components/Navigations/MainNavigation";
 import SideNavigation from "./components/Navigations/SideNavigation";
 import MarkdownContent from "./components/Markdowns/MarkdownContent";
@@ -9,8 +9,11 @@ import Callback from "./components/KeycloakCallbacks/Callback";
 import Footer from "./components/Footer";
 import PopupCallback from "./components/KeycloakCallbacks/PopupCallback";
 import SilentCallback from "./components/KeycloakCallbacks/SilentCallback";
+import {useHomeMarkdown} from "./utils/markdown-queries";
 
 const App = () => {
+
+    const {home, isLoading, error} = useHomeMarkdown();
     return (
         <Router>
             <div className="app-container">
@@ -19,7 +22,14 @@ const App = () => {
                     <SideNavigation />
                     <main className="main-content">
                         <Routes>
-                            <Route path="/" element={<h1>Welcome to My React Project</h1>} />
+                            <Route
+                                path="/"
+                                element={
+                                    (home && home.id)
+                                        ? <Navigate to = {`/markdown/${home.id}`}/>
+                                        : <p>HOME</p>
+                                }
+                            />
                             <Route path="/markdown/:id" element={<MarkdownContent />} />
                             <Route path="/callback" element={<Callback />} />
                             <Route path="/test" element={<h1>TEST</h1>}></Route>

src/utils/markdown-queries.js

@@ -29,6 +29,21 @@ export const useIndexMarkdown = (path_id) => {
         });
 };
 
+export const useHomeMarkdown = () => {
+    const queryClient = useQueryClient();
+    const config = useConfig();
+    return useQuery(
+        ["home_markdown"],
+        () => fetch_(`${config.BACKEND_HOST}/api/markdown/get_home`), {
+            onSuccess: (data) => {
+                if (data && data.id){
+                    queryClient.setQueryData(["markdown", data.id], data);
+                }
+            }
+        });
+};
+
+
 export const useMarkdownsByPath = (pathId) => {
     const config = useConfig();
     return useQuery(