Hide docs from normal user

Author: josefbender

frontend/src/App.tsx

@@ -51,46 +51,48 @@ export function App() {
         <BrowserRouter>
           <TransientProvider>
             <ThemeProviders>
-              <InAppDocsProvider>
-                <Routes>
-                  <Route
-                    path="/*"
-                    element={
-                      <Routes>
-                        <Route
-                          path="/chat/*"
-                          element={
-                            <RouteWhenPrivate>
+              <Routes>
+                <Route
+                  path="/*"
+                  element={
+                    <Routes>
+                      <Route
+                        path="/chat/*"
+                        element={
+                          <RouteWhenPrivate>
+                            <InAppDocsProvider>
                               <ChatOrWelcomePage />
-                            </RouteWhenPrivate>
-                          }
-                        />
-                        <Route
-                          path="/admin/*"
-                          element={
-                            <RouteWhenPrivate>
+                            </InAppDocsProvider>
+                          </RouteWhenPrivate>
+                        }
+                      />
+                      <Route
+                        path="/admin/*"
+                        element={
+                          <RouteWhenPrivate>
+                            <InAppDocsProvider>
                               <RouteWhenAdmin>
                                 <AdminPage />
                               </RouteWhenAdmin>
-                            </RouteWhenPrivate>
-                          }
-                        />
-                        <Route path="*" element={<TransientNavigate to="/chat" />} />
-                      </Routes>
-                    }
-                  />
+                            </InAppDocsProvider>
+                          </RouteWhenPrivate>
+                        }
+                      />
+                      <Route path="*" element={<TransientNavigate to="/chat" />} />
+                    </Routes>
+                  }
+                />
 
-                  <Route
-                    path="/login"
-                    element={
-                      <RouteWhenLoggedOut>
-                        <LoginPage />
-                      </RouteWhenLoggedOut>
-                    }
-                  />
-                  <Route path="*" element={<TransientNavigate to="/" />} />
-                </Routes>
-              </InAppDocsProvider>
+                <Route
+                  path="/login"
+                  element={
+                    <RouteWhenLoggedOut>
+                      <LoginPage />
+                    </RouteWhenLoggedOut>
+                  }
+                />
+                <Route path="*" element={<TransientNavigate to="/" />} />
+              </Routes>
             </ThemeProviders>
           </TransientProvider>
         </BrowserRouter>

frontend/src/components/InAppDocsProvider.tsx

@@ -4,6 +4,7 @@ import { IconX } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
 import React, { createContext, useContext, useState } from 'react';
 import { useLocation } from 'react-router-dom';
+import { useProfile } from 'src/hooks';
 import { texts } from 'src/texts';
 import { Markdown } from '../components/Markdown';
 
@@ -73,7 +74,9 @@ export const InAppDocsProvider: React.FC<{ children: React.ReactNode }> = ({ chi
   const [isDocsOpen, setIsDocsOpen] = useState(false);
 
   const toggleDocs = () => setIsDocsOpen((prev) => !prev);
-  const isDocsAvailable = query.isSuccess;
+  const profile = useProfile();
+  console.log(profile);
+  const isDocsAvailable = query.isSuccess && profile?.isAdmin;
   const isDocsButtonVisible = isDocsAvailable && !isDocsOpen;
 
   return (