From a43774f6d0f623dd5857f4fe4589063d6629a7c7 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 5 Jul 2024 13:41:48 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/ShareHolders.svelte | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/ShareHolders.svelte b/src/lib/components/ShareHolders.svelte
index 3a7c9836..afd14609 100644
--- a/src/lib/components/ShareHolders.svelte
+++ b/src/lib/components/ShareHolders.svelte
@@ -136,11 +136,18 @@ $: {
         Promise.all(asyncFunctions)
             .then((results) => {
                 shareholderList = rawData?.shareholders
-                totalCalls = rawData?.totalCalls
-                totalPuts = rawData?.totalPuts;
-                callPercentage = 100*totalCalls/(totalCalls+totalPuts);
-                putPercentage = (100- callPercentage)
-                putCallRatio = rawData?.putCallRatio;
+                totalCalls = rawData?.totalCalls ?? 0
+                totalPuts = rawData?.totalPuts ?? 0;
+                if(totalCalls+totalPuts !== 0) {
+                  callPercentage = 100*totalCalls/(totalCalls+totalPuts);
+                  putPercentage = (100- callPercentage)
+                  putCallRatio = rawData?.putCallRatio;
+                } else {
+                  callPercentage = 0;
+                  putPercentage = 0;
+                  putCallRatio = 0;
+                }
+               
 
                 optionsPieChart = plotPieChart()
             })
@@ -279,7 +286,7 @@ $: {
                           <circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#3E3E3E]" stroke-width="3"></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 text-[#00FC50]" stroke-width="3" stroke-dasharray="100" stroke-dashoffset={100-callPercentage}></circle>
+                            <circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#00FC50]" stroke-width="3" stroke-dasharray="100" stroke-dashoffset={callPercentage >=1 ? 0 : 100-(callPercentage)?.toFixed(2)}></circle>
                           </g>
                         </svg>
                         <!-- Percentage Text -->