From 2d649f5fac3fecd15ce39cdb6ff520f3e4528c82 Mon Sep 17 00:00:00 2001
From: atrincas <atrincas@gmail.com>
Date: Tue, 26 Nov 2024 17:36:06 +0100
Subject: [PATCH] Keep showing project details card

---
 .../annual-project-cash-flow/header/index.tsx         |  8 +++++---
 .../custom-project/annual-project-cash-flow/index.tsx |  2 +-
 .../containers/projects/custom-project/cost/index.tsx |  2 +-
 .../projects/custom-project/details/index.tsx         | 11 +----------
 .../src/containers/projects/custom-project/index.tsx  |  2 +-
 .../projects/custom-project/left-over/index.tsx       |  2 +-
 6 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/client/src/containers/projects/custom-project/annual-project-cash-flow/header/index.tsx b/client/src/containers/projects/custom-project/annual-project-cash-flow/header/index.tsx
index d14767ae..4c18c1b1 100644
--- a/client/src/containers/projects/custom-project/annual-project-cash-flow/header/index.tsx
+++ b/client/src/containers/projects/custom-project/annual-project-cash-flow/header/index.tsx
@@ -6,10 +6,12 @@ import InfoButton from "@/components/ui/info-button";
 
 const Header: FC = () => {
   return (
-    <header className="flex items-center justify-between">
-      <h2 className="text-base font-semibold">Annual project cash flow</h2>
+    <header className="flex items-center justify-between py-2">
+      <h2 className="pl-4 text-base font-semibold">Annual project cash flow</h2>
       <Tabs />
-      <InfoButton title="tooltip title">tooltip.content</InfoButton>
+      <div className="flex items-center p-3">
+        <InfoButton title="tooltip title">tooltip.content</InfoButton>
+      </div>
     </header>
   );
 };
diff --git a/client/src/containers/projects/custom-project/annual-project-cash-flow/index.tsx b/client/src/containers/projects/custom-project/annual-project-cash-flow/index.tsx
index b729acd7..62645ffd 100644
--- a/client/src/containers/projects/custom-project/annual-project-cash-flow/index.tsx
+++ b/client/src/containers/projects/custom-project/annual-project-cash-flow/index.tsx
@@ -6,7 +6,7 @@ import { Card } from "@/components/ui/card";
 
 const AnnualProjectCashFlow: FC = () => {
   return (
-    <Card variant="secondary">
+    <Card variant="secondary" className="p-0">
       <Header />
     </Card>
   );
diff --git a/client/src/containers/projects/custom-project/cost/index.tsx b/client/src/containers/projects/custom-project/cost/index.tsx
index 492376d4..27323722 100644
--- a/client/src/containers/projects/custom-project/cost/index.tsx
+++ b/client/src/containers/projects/custom-project/cost/index.tsx
@@ -49,7 +49,7 @@ const ProjectCost: FC = () => {
       </CardHeader>
 
       <CardContent className="px-4 pb-4">
-        <div className="flex justify-between gap-[100px]">
+        <div className="flex justify-between gap-4">
           <div className="flex max-w-[148px] flex-1 flex-col justify-between">
             <div>
               <span className="text-xl font-normal">
diff --git a/client/src/containers/projects/custom-project/details/index.tsx b/client/src/containers/projects/custom-project/details/index.tsx
index e457a272..8764facc 100644
--- a/client/src/containers/projects/custom-project/details/index.tsx
+++ b/client/src/containers/projects/custom-project/details/index.tsx
@@ -3,11 +3,6 @@ import { FC } from "react";
 import { ACTIVITY } from "@shared/entities/activity.enum";
 import { CARBON_REVENUES_TO_COVER } from "@shared/entities/carbon-revenues-to-cover.enum";
 import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
-import { useAtomValue } from "jotai";
-
-import { cn } from "@/lib/utils";
-
-import { projectsUIState } from "@/app/projects/[id]/store";
 
 import DetailItem from "@/containers/projects/custom-project/details/detail-item";
 
@@ -42,12 +37,8 @@ const ProjectDetails: FC<ProjectDetailsProps> = ({
   lossRate,
   emissionFactors,
 }) => {
-  const { projectSummaryOpen } = useAtomValue(projectsUIState);
-
   return (
-    <Card
-      className={cn({ "flex-2 space-y-1": true, hidden: projectSummaryOpen })}
-    >
+    <Card className="flex-1 space-y-1">
       <div className="flex items-center justify-between">
         <h2 className="text-base font-semibold">Project details</h2>
         <Button type="button" variant="ghost">
diff --git a/client/src/containers/projects/custom-project/index.tsx b/client/src/containers/projects/custom-project/index.tsx
index b94a621d..6bd9f827 100644
--- a/client/src/containers/projects/custom-project/index.tsx
+++ b/client/src/containers/projects/custom-project/index.tsx
@@ -29,7 +29,7 @@ const {
   initialCarbonPrice,
   emissionFactors,
 } = mockData;
-export const SUMMARY_SIDEBAR_WIDTH = 460;
+export const SUMMARY_SIDEBAR_WIDTH = 400;
 const CustomProject: FC = () => {
   const { projectSummaryOpen } = useAtomValue(projectsUIState);
   const { open: navOpen } = useSidebar();
diff --git a/client/src/containers/projects/custom-project/left-over/index.tsx b/client/src/containers/projects/custom-project/left-over/index.tsx
index 4b24c9b2..9385996e 100644
--- a/client/src/containers/projects/custom-project/left-over/index.tsx
+++ b/client/src/containers/projects/custom-project/left-over/index.tsx
@@ -34,7 +34,7 @@ const LeftOver: FC = () => {
       </CardHeader>
 
       <CardContent className="px-4 pb-4">
-        <div className="flex justify-between gap-[100px]">
+        <div className="flex justify-between gap-4">
           <div className="flex max-w-[148px] flex-1 flex-col justify-between">
             <div>
               <span className="text-xl font-normal">