Make app title a link to /home route

HumanBrainProject · Jul 25, 2024 · 5ff2250 · 5ff2250
1 parent cf5bd17
commit 5ff2250
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/apps/nar-v3/src/main.jsx b/apps/nar-v3/src/main.jsx
@@ -1,7 +1,8 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import { Avatar, CssBaseline, AppBar, Toolbar, Typography, Container } from "@mui/material";
+import { createBrowserRouter, RouterProvider, Link as RouterLink } from "react-router-dom";
+
+import { Avatar, CssBaseline, AppBar, Link, Toolbar, Typography, Container } from "@mui/material";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
 import { green } from "@mui/material/colors";
 
@@ -64,6 +65,10 @@ const router = createBrowserRouter([
   },
 ]);
 
+function LinkRouter(props) {
+  return <Link {...props} component={RouterLink} />;
+}
+
 function renderApp() {
   ReactDOM.createRoot(document.getElementById("root")).render(
     <React.StrictMode>
@@ -76,7 +81,7 @@ function renderApp() {
           <Toolbar>
             <Avatar sx={{ mr: 2 }} alt="EBRAINS" src="/favicon.png" />
             <Typography variant="h6" color="inherit" noWrap>
-              EBRAINS: Neural Activity Resource (alpha)
+              <LinkRouter underline="hover" color="inherit" to="/">EBRAINS: Neural Activity Resource (alpha)</LinkRouter>
             </Typography>
           </Toolbar>
         </AppBar>

diff --git a/apps/nar-v3/src/routes/home.jsx b/apps/nar-v3/src/routes/home.jsx
@@ -60,7 +60,7 @@ export default function Home() {
 
   return (
     <React.Suspense fallback={<ProgressIndicator />}>
-      <Await resolve={data.counts} errorElement={<p>Error loading tissueSample.</p>}>
+      <Await resolve={data.counts} errorElement={<p>Error loading statistics.</p>}>
         {([patchClampCounts, datasetCounts]) => {
           return (
             <Container maxWidth="lg" sx={{ paddingTop: 8, paddingBottom: 8 }}>