From 33845c70d72741936a15fc61a82b2882f3f92786 Mon Sep 17 00:00:00 2001
From: MayaTheShy <MayaTheShy@gmail.com>
Date: Sun, 22 Mar 2026 04:10:06 -0400
Subject: [PATCH] Add cross-link to Turtle Dashboard in App component

---
 web/client/src/App.jsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/client/src/App.jsx b/web/client/src/App.jsx
index 20799d4..292c50b 100644
--- a/web/client/src/App.jsx
+++ b/web/client/src/App.jsx
@@ -22,6 +22,8 @@ function App() {
   const [showSettings, setShowSettings] = useState(false);
   const [, forceRender] = useState(0);
 
+  const turtleDashboardUrl = import.meta.env.VITE_TURTLE_DASHBOARD_URL || `${window.location.protocol}//${window.location.hostname}:4444`;
+
   useEffect(() => {
     connect();
   }, [connect]);
@@ -34,10 +36,6 @@ function App() {
 
   const staleSecs = lastUpdate ? Math.floor((Date.now() - lastUpdate) / 1000) : null;
 
-  useEffect(() => {
-    connect();
-  }, [connect]);
-
   const renderPanelContent = () => {
     switch (panelTab) {
       case 'inventory':
@@ -60,6 +58,16 @@ function App() {
       <div className="app-header">
         <h1>⛏️ Inventory Manager</h1>
         <div className="header-right">
+          {/* Cross-link to Turtle Dashboard */}
+          <a
+            href={turtleDashboardUrl}
+            className="cross-link-btn"
+            title="Open Turtle Control Dashboard"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            🐢 Turtles
+          </a>
           {/* Settings gear button */}
           <button
             className="settings-gear"