From 96bf26c455e6cf87fdf864736b1dcd84c0c22dd7 Mon Sep 17 00:00:00 2001
From: Andrew Davison <andrew.davison@cnrs.fr>
Date: Thu, 25 Jul 2024 12:50:01 +0200
Subject: [PATCH] Make app title a link to /home route

---
 apps/nar-v3/src/main.jsx        | 9 +++++++--
 apps/nar-v3/src/routes/home.jsx | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/nar-v3/src/main.jsx b/apps/nar-v3/src/main.jsx
index d9fff6b..6f63171 100644
--- a/apps/nar-v3/src/main.jsx
+++ b/apps/nar-v3/src/main.jsx
@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { createBrowserRouter, RouterProvider, RouterLink } from "react-router-dom";
+
 import { Avatar, CssBaseline, AppBar, 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
index a5cdd6a..97a64af 100644
--- 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 }}>