From 19bbbba75b49f14aa48ca4e07ed60b98cd64c0fa Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 30 Sep 2024 19:23:47 +0200
Subject: [PATCH] bugfixing: redirect watchlist page

---
 src/lib/components/AIScore.svelte   | 45 +++++++++++++++++++++++++++++
 src/routes/list/+layout.svelte      |  2 +-
 src/routes/price-alert/+page.svelte |  2 +-
 3 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/components/AIScore.svelte

diff --git a/src/lib/components/AIScore.svelte b/src/lib/components/AIScore.svelte
new file mode 100644
index 00000000..b6d1855e
--- /dev/null
+++ b/src/lib/components/AIScore.svelte
@@ -0,0 +1,45 @@
+
+<script lang ="ts">
+    
+    let aiScoreDict = {'score': 9};
+    let score = aiScoreDict?.score;
+
+</script>
+    
+    
+    
+    <section class="overflow-hidden text-white h-full pb-10 sm:pb-0">
+        <main class="overflow-hidden ">
+                        
+
+            {#if Object?.keys(aiScoreDict)?.length !== 0}
+            
+
+
+            <div class="pb-4 w-full mt-5">
+                <div class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-lg relative">
+                  <div class="flex flex-row items-center justify-between ">
+                            <div class="relative size-[60px] sm:size-[90px] ml-auto">
+                            <svg class="size-full w-[60px] h-[60px] sm:w-[90px] sm:h-[90px]" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+                                <!-- Background Circle -->
+                                <circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#303030]" stroke-width="4"></circle>
+                                <!-- Progress Circle inside a group with rotation -->
+                                <g class="origin-center -rotate-90 transform">
+                                <circle cx="18" cy="18" r="16" fill="none" class="stroke-current {score > 5 ? 'text-[#37C97D]' : score < 5 ? 'text-[#FF2F1F]' : 'text-white'} " stroke-width="4" stroke-dasharray="100" stroke-dashoffset={10-score}></circle>
+                                </g>
+                            </svg>
+                            <!-- Percentage Text -->
+                            <div class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2">
+                                <span class="text-center text-white text-xl sm:text-2xl font-semibold">
+                                    {score}
+                                </span>
+                            </div>
+                            </div>
+                
+                    </div>
+                </div>
+              </div>
+            {/if}
+
+        </main>
+    </section>
\ No newline at end of file
diff --git a/src/routes/list/+layout.svelte b/src/routes/list/+layout.svelte
index c3b00bec..a5c19d15 100644
--- a/src/routes/list/+layout.svelte
+++ b/src/routes/list/+layout.svelte
@@ -275,7 +275,7 @@ const combinedNavigation = navigation?.concat(updatedNavigation);
                 </div>
                 {/if}
 
-                <div on:click={() => goto('/watchlist')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                <div on:click={() => goto('/watchlist/stocks')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
                     <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
                         <div class="w-full flex justify-between items-center p-3 mt-3">
                         <h2 class="text-start text-xl font-semibold text-white ml-3">
diff --git a/src/routes/price-alert/+page.svelte b/src/routes/price-alert/+page.svelte
index 71f92847..73e81e5e 100644
--- a/src/routes/price-alert/+page.svelte
+++ b/src/routes/price-alert/+page.svelte
@@ -423,7 +423,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
     </div>
     {/if}
   
-    <div on:click={() => goto('/watchlist')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+    <div on:click={() => goto('/watchlist/stocks')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
         <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
             <div class="w-full flex justify-between items-center p-3 mt-3">
             <h2 class="text-start text-xl font-semibold text-white ml-3">