Treat tabs as links for web

lamasters · Jul 5, 2024 · e51731e · e51731e
1 parent 3f02024
commit e51731e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/entangled-web/src/App.css b/entangled-web/src/App.css
@@ -58,13 +58,18 @@
 
 .tab-button {
   text-decoration: underline;
+  color: white;
 }
 
 .tab-button:hover {
   cursor: pointer;
   text-decoration: dashed;
 }
 
+.tab-button:visited {
+  color: white;
+}
+
 #save-button {
   position: absolute;
   top: 10px;

diff --git a/entangled-web/src/tabs.js b/entangled-web/src/tabs.js
@@ -15,14 +15,17 @@ export function tabItem(tab, session, setTabs) {
       >
         X
       </div>
-      <div
+      <a
         className="tab-button"
         onClick={() => {
           deleteTab(tab, session, setTabs, true);
         }}
+        href={tab.url}
+        target="_blank"
+        rel="noreferrer"
       >
         {title}
-      </div>
+      </a>
     </div>
   );
 }
@@ -39,25 +42,20 @@ export async function getTabs(session, setTabs) {
   }
 }
 
-export async function deleteTab(tab, session, setTabs, openTab) {
+export async function deleteTab(tab, session, setTabs) {
   try {
     await session.database.deleteDocument(
       APPWRITE_CONFIG.DATABASE_ID,
       APPWRITE_CONFIG.BUCKET_ID,
       tab.$id,
     );
     await getTabs(session, setTabs);
-    if (openTab)
-      setTimeout(() => {
-        window.open(tab.url, "_blank", "noopener,noreferrer");
-      }, 1);
   } catch (e) {
     console.error(e);
   }
 }
 
 export async function addTab(session, user, url, setTabs) {
-  console.log("Adding tab: ", url);
   try {
     if (!url.startsWith("http")) url = "https://" + url;
     let title = url;