From f394ee5cfebed41166c763e96d270c14e179ea78 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sat, 21 Sep 2024 20:31:19 +0200
Subject: [PATCH] ui fixes

---
 src/lib/components/WatchListCard.svelte    |  8 +++++---
 src/routes/hedge-funds/[slug]/+page.svelte | 10 ++++++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/WatchListCard.svelte b/src/lib/components/WatchListCard.svelte
index 1f13cc7e..d4b3e5a4 100644
--- a/src/lib/components/WatchListCard.svelte
+++ b/src/lib/components/WatchListCard.svelte
@@ -407,11 +407,13 @@ if(watchList && isLoaded)
             <tbody class="p-0">
               {#each watchList as item, index}
               <!-- row -->
-              <tr on:click={() => goto(`/${item?.type === 'stock' ? 'stocks' : item?.type === 'etf' ? 'etf' : 'crypto'}/${item?.symbol}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] cursor-pointer">
+              <tr class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]">
                 
 
-                <td class="text-blue-400 text-sm sm:text-[1rem] text-start border-b-[#09090B]">
-                  {item?.symbol}
+                <td class="text-sm sm:text-[1rem] text-start border-b-[#09090B]">
+                  <a href={`/${item?.type === 'stock' ? 'stocks' : item?.type === 'etf' ? 'etf' : 'crypto'}/${item?.symbol}`} class="text-blue-400 sm:hover:text-white">
+                     {item?.symbol}
+                  </a>
                 </td>
 
                 <td class="text-white text-sm sm:text-[1rem] border-b-[#09090B] whitespace-nowrap">
diff --git a/src/routes/hedge-funds/[slug]/+page.svelte b/src/routes/hedge-funds/[slug]/+page.svelte
index 1256b087..9528c4e3 100644
--- a/src/routes/hedge-funds/[slug]/+page.svelte
+++ b/src/routes/hedge-funds/[slug]/+page.svelte
@@ -68,7 +68,7 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
             // Handle default case if needed
             break;
     }
-    goto("/list/" + path);
+    return path
 }
 
 
@@ -537,9 +537,11 @@ onMount(async () => {
                         <tbody>
                           {#each rawData?.topSectors as item}
                             {#each Object.entries(item) as [name, value]}
-                              <tr on:click={() => sectorSelector(name)} class="text-white cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#141417] border-b border-[#141417]">
-                                <td class="text-blue-400 sm:hover:text-white duration-100 text-[1rem] whitespace-nowrap">
-                                  {name}
+                              <tr class="text-white sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#141417] border-b border-[#141417]">
+                                <td class="text-[1rem] whitespace-nowrap">
+                                  <a href={"/list/"+sectorSelector(name)} class="text-blue-400 sm:hover:text-white">
+                                    {name}
+                                  </a>
                                 </td>
                                 <td class="text-white text-[1rem] whitespace-nowrap text-end">
                                   {value?.toFixed(2)}%