From 327f6bc8065a43df3f1a252f1eaa0ff029ecbbc5 Mon Sep 17 00:00:00 2001
From: Limber Mamani <154026979+LimberHope@users.noreply.github.com>
Date: Tue, 21 Jan 2025 14:14:43 -0400
Subject: [PATCH] [TM-1626] add conditional to show trees to be planted (#816)

* [TM-1626] add conditional to show trees to be planted

* [TM-1626] update snapshot
---
 .../Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx         | 9 +++++++--
 .../__snapshots__/TreeSpeciesInput.stories.storyshot     | 8 ++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx b/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx
index 4187c8b11..cb9b7aed2 100644
--- a/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx
+++ b/src/components/elements/Inputs/TreeSpeciesInput/TreeSpeciesInput.tsx
@@ -77,6 +77,7 @@ const TreeSpeciesInput = (props: TreeSpeciesInputProps) => {
   const handleBaseEntityTrees =
     props.withPreviousCounts && (isReport || (isEntity && ["sites", "nurseries"].includes(entityName)));
   const displayPreviousCounts = props.withPreviousCounts && isReport;
+  const hasCountActive = props.withNumbers;
 
   const entity = (handleBaseEntityTrees ? entityName : undefined) as EstablishmentEntityType;
   const uuid = handleBaseEntityTrees ? entityUuid : undefined;
@@ -303,10 +304,14 @@ const TreeSpeciesInput = (props: TreeSpeciesInputProps) => {
           </div>
           <div className={classNames({ "border-r pr-6": displayPreviousCounts })} ref={refPlanted}>
             <Text variant="text-14-bold" className="uppercase text-black">
-              {isReport ? t("TOTAL PLANTED THIS REPORT:") : t("TREES TO BE PLANTED:")}
+              {isReport ? t("TOTAL PLANTED THIS REPORT:") : hasCountActive ? t("TREES TO BE PLANTED:") : ""}
             </Text>
             <Text variant="text-20-bold" className="text-primary">
-              {props.withNumbers ? props.value.reduce((total, v) => total + (v.amount || 0), 0).toLocaleString() : "0"}
+              {hasCountActive
+                ? props.value.reduce((total, v) => total + (v.amount || 0), 0).toLocaleString()
+                : isReport
+                ? "0"
+                : ""}
             </Text>
           </div>
           <When condition={displayPreviousCounts}>
diff --git a/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot b/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
index bd502d0a0..30e4e7fb6 100644
--- a/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
+++ b/src/components/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
@@ -105,15 +105,11 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput Default 1`] = `
         <p
           className="uppercase text-black text-14-bold"
           data-testid="txt"
-        >
-          TREES TO BE PLANTED:
-        </p>
+        />
         <p
           className="text-primary text-20-bold"
           data-testid="txt"
-        >
-          0
-        </p>
+        />
       </div>
     </div>
     <div