supplier detail: adds carbon removal info to sourcing information

Vizzuality · Mar 18, 2024 · b67bd30 · b67bd30
1 parent 20071ec
commit b67bd30
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/client/src/containers/analysis-eudr-detail/sourcing-info/index.tsx b/client/src/containers/analysis-eudr-detail/sourcing-info/index.tsx
@@ -61,6 +61,17 @@ const SupplierSourcingInfo = (): JSX.Element => {
               {data?.totalArea ? `${Intl.NumberFormat(undefined).format(data.totalArea)} Kha` : '-'}
             </span>
           </div>
+          <Separator orientation="vertical" className="h-10" />
+          <div>
+            <h4 className="text-2xs uppercase">Carbon removal</h4>
+            <span>
+              {data?.totalCarbonRemoval
+                ? `${Intl.NumberFormat(undefined, { style: 'unit', unit: 'kilogram' }).format(
+                    data.totalCarbonRemoval,
+                  )}`
+                : '-'}
+            </span>
+          </div>
         </div>
 
         <SupplierSourcingInfoChart />

diff --git a/client/src/hooks/eudr/index.ts b/client/src/hooks/eudr/index.ts
@@ -189,6 +189,7 @@ export interface SupplierDetail {
     };
     totalArea: number;
     totalVolume: number;
+    totalCarbonRemoval: number;
     byVolume: [
       {
         plotName: string;