From d69b327bb64c2883ccea6d796c5aa210ff6f0534 Mon Sep 17 00:00:00 2001
From: Timothy Pidashev <pidashev.tim@gmail.com>
Date: Mon, 18 Mar 2024 19:42:03 -0700
Subject: [PATCH] Header placeholders for working ssr

---
 src/web/src/components/header.jsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/web/src/components/header.jsx b/src/web/src/components/header.jsx
index 9d14161..b1fc97a 100644
--- a/src/web/src/components/header.jsx
+++ b/src/web/src/components/header.jsx
@@ -15,8 +15,25 @@ let tabs = [
 ];
 
 function Header() {
+  const [mounted, setMounted] = useState(false);
   let [activeTab, setActiveTab] = useState(tabs[0].id);
 
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return (
+      <div className="flex space-x-1">
+        {tabs.map((tab) => (
+          <div key={tab.id} className="invisible">
+            {/* Placeholder for each tab */}
+          </div>
+        ))}
+      </div>
+    );
+  }
+
   return (
     <div className="flex space-x-1">
       {tabs.map((tab) => (