From 51018c856815ba433639d90d84a9bace0c463bc6 Mon Sep 17 00:00:00 2001
From: Dhravya <dhravyashah@gmail.com>
Date: Tue, 21 May 2024 22:45:49 -0500
Subject: [PATCH] footer fix: Arrow color should be consistent, no need for
 stroke

---
 apps/web-v2/src/app/(landing)/Hero.tsx      |  5 +--
 apps/web-v2/src/app/(landing)/footer.tsx    | 43 +++++++++++++++------
 apps/web-v2/src/app/(landing)/linkArrow.tsx | 35 ++++++++++++++---
 3 files changed, 63 insertions(+), 20 deletions(-)

diff --git a/apps/web-v2/src/app/(landing)/Hero.tsx b/apps/web-v2/src/app/(landing)/Hero.tsx
index b2bea5b7..6867355b 100644
--- a/apps/web-v2/src/app/(landing)/Hero.tsx
+++ b/apps/web-v2/src/app/(landing)/Hero.tsx
@@ -31,10 +31,7 @@ function Hero() {
           <div className="flex items-center">
             {" "}
             Follow us on Twitter{" "}
-            <LinkArrow
-              classname="group-hover/anchor:opacity-100 opacity-0 transition"
-              stroke="#ffffff"
-            />
+            <LinkArrow classname="group-hover/anchor:opacity-100 opacity-0 transition" />
           </div>
         </a>
         <motion.h1
diff --git a/apps/web-v2/src/app/(landing)/footer.tsx b/apps/web-v2/src/app/(landing)/footer.tsx
index 3367e483..4ebfca0b 100644
--- a/apps/web-v2/src/app/(landing)/footer.tsx
+++ b/apps/web-v2/src/app/(landing)/footer.tsx
@@ -1,17 +1,38 @@
-import React from 'react'
-import LinkArrow from './linkArrow'
+import React from "react";
+import LinkArrow from "./linkArrow";
 
 function Footer() {
   return (
     <footer className="mt-20 flex w-full items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500">
-    <p>© 2024 Supermemory.ai</p>
-    <div className="flex gap-5">
-      <a className='flex group/mail' target='_blank' href="mailto:hi@dhravya.dev">Contact<LinkArrow classname='group-hover/mail:opacity-100 opacity-0 transition' stroke='#ffffff' /></a>
-      <a className='flex group/twit' target='_blank' href="https://twitter.com/supermemoryai">Twitter <LinkArrow classname='group-hover/twit:opacity-100 opacity-0 transition' stroke='#ffffff' /></a>
-      <a className='flex group/git' target='_blank' href="https://github.com/dhravya/supermemory">Github <LinkArrow stroke='#ffffff' classname='group-hover/git:opacity-100 opacity-0 transition' /></a>
-    </div>
-  </footer>
-  )
+      <p>© 2024 Supermemory.ai</p>
+      <div className="flex gap-5">
+        <a
+          className="group/mail flex items-center"
+          target="_blank"
+          href="mailto:hi@dhravya.dev"
+        >
+          Contact
+          <LinkArrow classname="group-hover/mail:opacity-100 opacity-0 transition" />
+        </a>
+        <a
+          className="group/twit flex items-center"
+          target="_blank"
+          href="https://twitter.com/supermemoryai"
+        >
+          Twitter{" "}
+          <LinkArrow classname="group-hover/twit:opacity-100 opacity-0 transition" />
+        </a>
+        <a
+          className="group/git flex items-center"
+          target="_blank"
+          href="https://github.com/dhravya/supermemory"
+        >
+          Github{" "}
+          <LinkArrow classname="group-hover/git:opacity-100 opacity-0 transition" />
+        </a>
+      </div>
+    </footer>
+  );
 }
 
-export default Footer
\ No newline at end of file
+export default Footer;
diff --git a/apps/web-v2/src/app/(landing)/linkArrow.tsx b/apps/web-v2/src/app/(landing)/linkArrow.tsx
index d015c9c2..b0eaedc9 100644
--- a/apps/web-v2/src/app/(landing)/linkArrow.tsx
+++ b/apps/web-v2/src/app/(landing)/linkArrow.tsx
@@ -1,9 +1,34 @@
-import React from 'react'
+import React from "react";
 
-function LinkArrow({stroke, classname}: {stroke: string, classname?: string}) {
+function LinkArrow({ classname }: { classname?: string }) {
   return (
-    <svg className={classname} width="24px" height="24px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M7 17L17 7M17 7H8M17 7V16" stroke={stroke} stroke-width="0.792" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
-  )
+    <svg
+      className={classname}
+      width="24px"
+      height="24px"
+      viewBox="-2.4 -2.4 28.80 28.80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"
+    >
+      <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+      <g
+        id="SVGRepo_tracerCarrier"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      ></g>
+      <g id="SVGRepo_iconCarrier">
+        {" "}
+        <path
+          d="M7 17L17 7M17 7H8M17 7V16"
+          stroke="currentColor"
+          stroke-width="0.792"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        ></path>{" "}
+      </g>
+    </svg>
+  );
 }
 
-export default LinkArrow
\ No newline at end of file
+export default LinkArrow;