chore: use radix icon from figma

coinbase · Feb 18, 2024 · 67bc801 · 67bc801
1 parent 2e904c2
commit 67bc801
Showing 1 changed file with 3 additions and 13 deletions.
diff --git a/framegear/components/Header/Header.tsx b/framegear/components/Header/Header.tsx
@@ -1,4 +1,5 @@
 import { APP_NAME } from '@/utils/constants';
+import { ArrowTopRightIcon } from '@radix-ui/react-icons';
 import Link from 'next/link';
 
 export function Header() {
@@ -27,10 +28,10 @@ function Banner() {
         </section>
       </div>
       <Link
-        className="bg-link-button flex items-center gap-2 rounded-full px-4 py-2"
+        className="bg-link-button flex items-center gap-1 rounded-full px-4 py-2"
         href="https://docs.farcaster.xyz/reference/frames/spec"
       >
-        <span>Farcaster Frames specs</span> {LINK_OUT_ICON}
+        <span>Farcaster Frames specs</span> <ArrowTopRightIcon />
       </Link>
     </div>
   );
@@ -41,14 +42,3 @@ function AppName({ className: additionalClasses = '' }: { className?: string })
     <span className={`rounded-lg bg-slate-800 p-1 font-mono ${additionalClasses}`}>{APP_NAME}</span>
   );
 }
-
-const LINK_OUT_ICON = (
-  <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3L6.5 3C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497L13 2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z"
-      fill="currentColor"
-      fillRule="evenodd"
-      clipRule="evenodd"
-    ></path>
-  </svg>
-);