From 93cc8cf08c079c5bd72484d80b782115b1699397 Mon Sep 17 00:00:00 2001
From: mauro-balades <mauro.balades@tutanota.com>
Date: Sat, 5 Oct 2024 23:34:37 +0200
Subject: [PATCH] feat: Add Twitter logo to footer

This commit adds the Twitter logo to the footer component in order to provide a link to the Zen Browser's Twitter page. This enhances the social media presence of the browser and allows users to easily access the Twitter account.

Refactor the code in the footer component to include the TwitterLogoIcon from the @radix-ui/react-icons package and add a link to the Zen Browser's Twitter page.

Closes #215
---
 src/components/footer.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index b585101..859f17c 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link";
 import Logo from "./logo";
 import TextReveal from "./ui/text-reveal";
-import { DiscordLogoIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
+import { DiscordLogoIcon, GitHubLogoIcon, TwitterLogoIcon } from "@radix-ui/react-icons";
 import { MastodonLogo } from "./icons/mastodon";
 import { Button } from "./ui/button";
 
@@ -39,6 +39,9 @@ export default function Footer() {
 							<a href="https://fosstodon.org/@zenbrowser" className="ml-5">
 								<MastodonLogo className="h-5 w-5" />
 							</a>
+							<a href="https://twitter.com/zen_browser" className="ml-5">
+								<TwitterLogoIcon className="h-5 w-5" />
+							</a>
 						</div>
 					</div>
 				</div>