read configs from env

src/components/Navigations/SideNavigation.js

@@ -5,13 +5,14 @@ import { Link } from "react-router-dom";
 import "./SideNavigation.css";
 import {fetchWithCache} from "../../utils/fetchWithCache";
 import PermissionGuard from "../PermissionGuard";
+import config from "../../config";
 
 const SideNavigation = () => {
     const [markdowns, setMarkdowns] = useState([]);
     const [tree, setTree] = useState(null);
 
     useEffect(() => {
-        fetchWithCache("http://127.0.0.1:5000/api/markdown/")
+        fetchWithCache(`${config.BACKEND_HOST}/api/markdown/`)
             .then((data) => {
                 setMarkdowns(data);
                 setTree(buildTree(data));
@@ -51,7 +52,7 @@ const SideNavigation = () => {
                     if (value.markdown) {
                         return (
                             <li key={value.markdown.id}>
-                                <Link to={`http://127.0.0.1:5000/markdown/${value.markdown.id}`}>
+                                <Link to={`${config.BACKEND_HOST}/markdown/${value.markdown.id}`}>
                                     {value.markdown.title}
                                 </Link>
                             </li>