[TM-1211] progress bar hectars under restoration (#472)

* [TM-1211] remove dark line if value is 0 in hectareas under restoration * [TM-1211] edit position Hectares Under Restoration * [TM-1211] update storyshot --------- Co-authored-by: Dotty <[email protected]>
wri · Aug 29, 2024 · 91daab1 · 91daab1
1 parent 10cc748
commit 91daab1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/elements/Cards/GoalProgressCard/GoalProgressCard.tsx b/src/components/elements/Cards/GoalProgressCard/GoalProgressCard.tsx
@@ -51,7 +51,7 @@ const GoalProgressCard: FC<GoalProgressCardProps> = ({
           </Text>
           <LinearProgressBar
             color="primary"
-            value={progressValue === 0 ? 0.1 : progressValue}
+            value={progressValue}
             className={classNames("mt-2 bg-primary-200", {
               "opacity-0": !limit
             })}

diff --git a/...mponents/elements/Cards/GoalProgressCard/__snapshots__/GoalProgressCard.stories.storyshot b/...mponents/elements/Cards/GoalProgressCard/__snapshots__/GoalProgressCard.stories.storyshot
@@ -35,7 +35,7 @@ exports[`Storyshots Components/Elements/Cards/GoalProgressCard/Card No Progress
           className="h-full bg-primary rounded-full transition-all duration-300"
           style={
             Object {
-              "width": "0.1%",
+              "width": "0%",
             }
           }
         />

diff --git a/src/pages/project/[uuid]/tabs/Overview.tsx b/src/pages/project/[uuid]/tabs/Overview.tsx
@@ -59,6 +59,7 @@ const ProjectOverviewTab = ({ project }: ProjectOverviewTabProps) => {
                 limit={project.trees_grown_goal}
                 className="flex-1"
               />
+              <div></div>
               <GoalProgressCard
                 label={t("Hectares Under Restoration")}
                 value={project.total_hectares_restored_sum}