From ba4704a3909f336c9d4e2bf89760d61f48bc21fc Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Tue, 25 Feb 2025 15:31:13 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Update=20header=20link=20options?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/headerLogoLink.svelte | 50 ++++++++--------------------
 1 file changed, 13 insertions(+), 37 deletions(-)

diff --git a/src/components/headerLogoLink.svelte b/src/components/headerLogoLink.svelte
index d00eebc..030fefd 100644
--- a/src/components/headerLogoLink.svelte
+++ b/src/components/headerLogoLink.svelte
@@ -2,13 +2,12 @@
   import { toast } from 'svelte-sonner';
 
   import * as ContextMenu from '@/ui/context-menu';
-  import { CopyIcon } from 'lucide-svelte';
+  import { ArrowUpRightIcon, CopyIcon, StarsIcon } from 'lucide-svelte';
   import Logo from './icons/logo.svelte';
-  import ReactIcon from './icons/reactIcon.svelte';
 
   import { clipboard } from '@/utils/clipboard';
   import { getSvgContent } from '@/utils/getSvgContent';
-  import { getReactComponentCode } from '@/utils/getReactComponentCode';
+  import GithubIcon from './icons/githubIcon.svelte';
 
   const logoUrl = '/library/svgl.svg';
 
@@ -20,31 +19,8 @@
     });
   };
 
-  let isLoading = false;
-
-  const convertSvgReactComponent = async (tsx: boolean) => {
-    isLoading = true;
-
-    const title = 'svgl';
-    const content = await getSvgContent(logoUrl);
-    const dataComponent = { code: content, typescript: tsx, name: title };
-    const { data, error } = await getReactComponentCode(dataComponent);
-
-    if (error || !data) {
-      toast.error('Failed to fetch React component', {
-        description: `${error ?? ''}`,
-        duration: 5000
-      });
-      return;
-    }
-
-    await clipboard(data);
-
-    toast.success(`Copied as React ${tsx ? 'TSX' : 'JSX'} component`, {
-      description: `Svgl - Library`
-    });
-
-    isLoading = false;
+  const openUrl = (url: string) => {
+    window.open(url, '_blank');
   };
 </script>
 
@@ -53,23 +29,23 @@
     <a href="/" aria-label="Go to the SVGL v4.1 home page">
       <div class="flex items-center space-x-2 opacity-100 transition-opacity hover:opacity-80">
         <svelte:component this={Logo} />
-        <span class="hidden text-[19px] font-medium tracking-wide md:block">svgl</span>
-        <p class="hidden font-mono tracking-tight text-neutral-400 md:block">4.4</p>
+        <span class="hidden text-xl font-medium tracking-tight md:block">svgl</span>
       </div>
     </a>
   </ContextMenu.Trigger>
   <ContextMenu.Content>
     <ContextMenu.Item on:click={() => copyToClipboard()}>
-      <CopyIcon size={16} strokeWidth={2} />
+      <CopyIcon size={16} strokeWidth={1.5} />
       <span>Copy as SVG</span>
     </ContextMenu.Item>
-    <ContextMenu.Item on:click={() => convertSvgReactComponent(false)}>
-      <ReactIcon iconSize={18} color="#60a5fa" />
-      <span>Copy as React JSX Component</span>
+    <ContextMenu.Item on:click={() => openUrl('https://github.com/pheralb/svgl')}>
+      <GithubIcon iconSize={16} />
+      <span>Repository</span>
+      <ArrowUpRightIcon class="text-neutral-400 dark:text-neutral-500" size={14} strokeWidth={2} />
     </ContextMenu.Item>
-    <ContextMenu.Item on:click={() => convertSvgReactComponent(true)}>
-      <ReactIcon iconSize={18} color="#2563eb" />
-      <span>Copy as React TSX Component</span>
+    <ContextMenu.Item disabled class="font-mono">
+      <StarsIcon size={16} strokeWidth={1.5} />
+      <span>v4.5</span>
     </ContextMenu.Item>
   </ContextMenu.Content>
 </ContextMenu.Root>