Add buttons to Grafana and snapshot

packages/amplify/amplify/backend.ts

@@ -225,6 +225,10 @@ TelemetryECSTaskDefinition.addContainer("TheContainer", {
       HeliosPasswords,
       "FINISH_LINE_UPDATE_PASSWORD",
     ),
+    SNAPSHOT_PASSWORD: ecs.Secret.fromSecretsManager(
+      HeliosPasswords,
+      "SNAPSHOT_PASSWORD",
+    ),
   },
 });
 

packages/client/.env.example

@@ -1,2 +1,7 @@
 NEXT_PUBLIC_MAPSAPIKEY=''
 SOCKET_URL=localhost:3001
+
+# Grafana dashboard links (opens in new tab from the Analysis page)
+# Use the browser address bar URL of each dashboard
+NEXT_PUBLIC_GRAFANA_LIVE_OPEN_URL=''
+NEXT_PUBLIC_GRAFANA_HISTORY_OPEN_URL=''

packages/client/src/components/containers/TabsContainer.tsx

@@ -10,27 +10,29 @@ function TabsContainer() {
   const { slug } = router.query;
 
   return (
-    <div className="flex h-full flex-col">
+    <div className="flex h-full min-h-0 flex-col">
       <NavBar />
-      {routes.map((route: SolarCarRoutes) => {
-        if (route.path === "/" + slug?.toString()) {
-          const isRaceOrAnalysisTab =
-            route.path === "/race" || route.path === "/analysis";
+      <div className="min-h-0 flex-1 overflow-y-auto">
+        {routes.map((route: SolarCarRoutes) => {
+          if (route.path === "/" + slug?.toString()) {
+            const isRaceOrAnalysisTab =
+              route.path === "/race" || route.path === "/analysis";
 
-          return (
-            <Fragment key={route.id}>
-              {isRaceOrAnalysisTab ? (
-                route.element
-              ) : (
-                <FullscreenWrapper componentName={`${route.id} Tab`}>
-                  {route.element}
-                </FullscreenWrapper>
-              )}
-            </Fragment>
-          );
-        }
-        return null;
-      })}
+            return (
+              <Fragment key={route.id}>
+                {isRaceOrAnalysisTab ? (
+                  route.element
+                ) : (
+                  <FullscreenWrapper componentName={`${route.id} Tab`}>
+                    {route.element}
+                  </FullscreenWrapper>
+                )}
+              </Fragment>
+            );
+          }
+          return null;
+        })}
+      </div>
     </div>
   );
 }