From fc91ed49bc03fe0b92d64df4cf12d10606284a29 Mon Sep 17 00:00:00 2001
From: git-bruh <e817509a-8ee9-4332-b0ad-3a6bdf9ab63f@aleeas.com>
Date: Fri, 7 Apr 2023 19:25:30 +0530
Subject: [PATCH] fix: replace various anchor tags with buttons to prevent text
 selection on repeated clicks

---
 client/src/components/Nav/ClearConvos.jsx              | 4 ++--
 client/src/components/Nav/DarkMode.jsx                 | 4 ++--
 client/src/components/Nav/ExportConversation/index.jsx | 4 ++--
 client/src/components/Nav/Logout.jsx                   | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Nav/ClearConvos.jsx b/client/src/components/Nav/ClearConvos.jsx
index 3cf6291c48..d49f27a78f 100644
--- a/client/src/components/Nav/ClearConvos.jsx
+++ b/client/src/components/Nav/ClearConvos.jsx
@@ -25,13 +25,13 @@ export default function ClearConvos() {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <a
+        <button
           className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
           // onClick={clickHandler}
         >
           <TrashIcon />
           Clear conversations
-        </a>
+        </button>
       </DialogTrigger>
       <DialogTemplate
         title="Clear conversations"
diff --git a/client/src/components/Nav/DarkMode.jsx b/client/src/components/Nav/DarkMode.jsx
index 70167952aa..470aff13e2 100644
--- a/client/src/components/Nav/DarkMode.jsx
+++ b/client/src/components/Nav/DarkMode.jsx
@@ -10,12 +10,12 @@ export default function DarkMode() {
   const mode = theme === 'dark' ? 'Light mode' : 'Dark mode';
 
   return (
-    <a
+    <button
       className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
       onClick={clickHandler}
     >
       {theme === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}
       {mode}
-    </a>
+    </button>
   );
 }
diff --git a/client/src/components/Nav/ExportConversation/index.jsx b/client/src/components/Nav/ExportConversation/index.jsx
index 7548c48374..155fc1cbf6 100644
--- a/client/src/components/Nav/ExportConversation/index.jsx
+++ b/client/src/components/Nav/ExportConversation/index.jsx
@@ -23,7 +23,7 @@ export default function ExportConversation() {
 
   return (
     <>
-      <a
+      <button
         className={cn(
           'flex items-center gap-3 rounded-md py-3 px-3 text-sm transition-colors duration-200 hover:bg-gray-500/10',
           exportable ? 'cursor-pointer text-white' : 'cursor-not-allowed text-gray-400'
@@ -32,7 +32,7 @@ export default function ExportConversation() {
       >
         <Download size={16} />
         Export conversation
-      </a>
+      </button>
 
       <ExportModel
         open={open}
diff --git a/client/src/components/Nav/Logout.jsx b/client/src/components/Nav/Logout.jsx
index 515d6fd1ab..f68a768c06 100644
--- a/client/src/components/Nav/Logout.jsx
+++ b/client/src/components/Nav/Logout.jsx
@@ -11,13 +11,13 @@ export default function Logout() {
   };
 
   return (
-    <a
+    <button
       className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
       onClick={clickHandler}
     >
       <LogOutIcon />
       {user?.display || user?.username || 'USER'}
       <small>Log out</small>
-    </a>
+    </button>
   );
 }