From 2a9fd12f3dfdae6d84527612f794c7f9d586e1e6 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 19 Jun 2024 10:41:53 +0200
Subject: [PATCH] ui fixes

---
 src/lib/components/BullBearSay.svelte      | 34 +++++++++++-----------
 src/routes/most-retail-volume/+page.svelte | 24 ++++++---------
 2 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/src/lib/components/BullBearSay.svelte b/src/lib/components/BullBearSay.svelte
index a3469f4e..a5d0ede5 100644
--- a/src/lib/components/BullBearSay.svelte
+++ b/src/lib/components/BullBearSay.svelte
@@ -73,28 +73,28 @@ $: {
       </div>
 
     {#if data?.user?.tier === 'Pro'}
-     <!--Start Header-->
-     <div role="tablist" class="-mt-2 w-11/12 sm:w-56">
+   <!--Start Header-->
+   <div role="tablist" class="-mt-2 w-11/12 sm:w-56">
 
-      <div class="flex flex-col items-center w-full">
-        <div class="tabs flex flex-row justify-start items-center w-full">
-          <label class="relative inline-flex cursor-pointer items-center">
-            <input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" />
-            <div
-              class="peer flex h-8 items-center rounded-full px-5 bg-[#313131] after:absolute after:left-1 after: after:h-6 after:w-[85px] after:rounded-full {mode === 'bullish' ? 'after:bg-green-600' : 'after:bg-red-600'} after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-focus:outline-none text-sm font-semibold text-white"
-              >
-              <span class="mr-2 z-10">Bull Case</span>
-              <span class="z-10 ml-4">Bear Case</span>
-            </div>
-          </label>
+    <div class="flex flex-col items-center w-full">
+      <div class="tabs flex flex-row justify-start items-center w-full">
+        <label class="relative inline-flex cursor-pointer items-center">
+          <input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" />
+          <div
+            class="peer flex h-8 items-center gap-4 rounded-full px-5 bg-[#313131] after:absolute after:left-1 after: after:h-6 after:w-[85px] after:rounded-full {mode === 'bullish' ? 'after:bg-green-600' : 'after:bg-red-600'} after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-focus:outline-none text-sm font-semibold text-white"
+            >
+            <span class="mr-2 z-10">Bull Case</span>
+            <span class="z-10">Bear Case</span>
+          </div>
+        </label>
 
-      
-        </div>
+    
       </div>
-
     </div>
 
-    <!--End Header-->
+  </div>
+
+  <!--End Header-->
     <span class="text-gray-200 text-xs sm:text-[0.85rem] italic mt-6 sm:ml-auto">
       Updated {rawData?.date}
     </span>
diff --git a/src/routes/most-retail-volume/+page.svelte b/src/routes/most-retail-volume/+page.svelte
index b5f84bc8..7809d72c 100644
--- a/src/routes/most-retail-volume/+page.svelte
+++ b/src/routes/most-retail-volume/+page.svelte
@@ -166,15 +166,12 @@
                             <th class="text-center bg-[#0F0F0F] text-white text-sm font-semibold">
                               Daily Traded
                             </th>
+                            <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
+                              Volume % of Retail Traders
+                            </th>
                             <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
                               Sentiment
                             </th>
-                            <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
-                              Market Cap
-                            </th>
-                            <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
-                              Profits
-                            </th>
                           </tr>
                         </thead>
                         <tbody>
@@ -202,18 +199,15 @@
                             <td class="text-center text-sm font-medium text-white">
                                 {abbreviateNumber(item?.traded,true)}
                             </td>
+      
+                            <td class="text-end text-sm font-medium text-white">
+                              {item?.retailStrength}%
+                            </td>
 
                             <td class="text-end text-sm font-medium {item?.sentiment > 0 ? 'text-[#10DB06]' : 'text-[#E57C34]'}">
-                                {item?.sentiment > 0 ? 'Bullish' : 'Bearish'}
-                            </td>
-                            
-                            <td class="text-end text-sm font-medium text-white">
-                              {abbreviateNumber(item?.marketCap,true)}
-                            </td>
+                              {item?.sentiment > 0 ? 'Bullish' : 'Bearish'}
+                          </td>
 
-                            <td class="text-end text-sm font-medium text-[#C6A755]">
-                              {abbreviateNumber(item?.netIncome,true)}
-                            </td>
 
 
                           </tr>