From b597d0c704b7560afc40fe567f18e545a259d300 Mon Sep 17 00:00:00 2001
From: Cesar <cesarbrazon10@gmail.com>
Date: Tue, 2 Jan 2024 16:10:20 +0100
Subject: [PATCH] fix: social icon buttons

---
 apps/browser/components/Sidebar.tsx | 38 +++++++++++++++++------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/apps/browser/components/Sidebar.tsx b/apps/browser/components/Sidebar.tsx
index 17bf3a4a..dd61604b 100644
--- a/apps/browser/components/Sidebar.tsx
+++ b/apps/browser/components/Sidebar.tsx
@@ -326,24 +326,30 @@ const Sidebar = ({
                 <div className="h-12 w-full animate-pulse rounded-lg bg-zinc-700" />
               )}
               <div className="flex items-center space-x-1 text-lg text-white">
-                <a
-                  href="https://discord.gg/r3rwh69cCa"
-                  target="_blank"
-                  rel="noopener noreferrer"
+                <Button
+                  variant="icon"
+                  onClick={() => {
+                    window.open(
+                      "https://discord.gg/r3rwh69cCa",
+                      "_blank",
+                      "noopener noreferrer"
+                    );
+                  }}
                 >
-                  <Button variant="icon">
-                    <DiscordLogo size={20} />
-                  </Button>
-                </a>
-                <a
-                  href="https://github.com/polywrap/evo.ninja"
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  <DiscordLogo size={20} />
+                </Button>
+                <Button
+                  variant="icon"
+                  onClick={() => {
+                    window.open(
+                      "https://github.com/polywrap/evo.ninja",
+                      "_blank",
+                      "noopener noreferrer"
+                    );
+                  }}
                 >
-                  <Button variant="icon">
-                    <GithubLogo size={20} />
-                  </Button>
-                </a>
+                  <GithubLogo size={20} />
+                </Button>
               </div>
             </div>
           </div>