From c8533c8d32d6da2d51bbf845a434da05666a360f Mon Sep 17 00:00:00 2001
From: 0xChijioke <chijokeogbuanya@gmail.com>
Date: Thu, 18 Apr 2024 10:42:44 +0100
Subject: [PATCH 1/2] change gradient

---
 .../nextjs/components/impact-vector/ImpactVectorGraph.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx b/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx
index f4b8a8f..5ad5b38 100644
--- a/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx
+++ b/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx
@@ -196,8 +196,8 @@ export default function ImpactVectorGraph({ data, projectsShown }: { data: DataS
               })}
           <defs>
             <linearGradient id="colorTotal" x1="0" y1="1" x2="0" y2="0">
-              <stop offset="5%" stopColor="rgba(20, 124, 73, 0.1)" stopOpacity={0.8} />
-              <stop offset="95%" stopColor="#FBDD5D" stopOpacity={0} />
+              <stop offset="5%" stopColor="rgba(240, 255, 160, 0.5)" stopOpacity={0.3} />
+              <stop offset="95%" stopColor="#FEDB75" stopOpacity={0} />
             </linearGradient>
           </defs>
           <CartesianGrid y={3000000} strokeDasharray="2" />

From 745c35bacd3e9169b5ecdba11cdc739c5c5c576f Mon Sep 17 00:00:00 2001
From: 0xChijioke <chijokeogbuanya@gmail.com>
Date: Thu, 18 Apr 2024 10:51:36 +0100
Subject: [PATCH 2/2] Hide gradient when vectors active

---
 .../components/impact-vector/ImpactVectorGraph.tsx     | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx b/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx
index 5ad5b38..c0d3732 100644
--- a/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx
+++ b/packages/nextjs/components/impact-vector/ImpactVectorGraph.tsx
@@ -195,10 +195,12 @@ export default function ImpactVectorGraph({ data, projectsShown }: { data: DataS
                 );
               })}
           <defs>
-            <linearGradient id="colorTotal" x1="0" y1="1" x2="0" y2="0">
-              <stop offset="5%" stopColor="rgba(240, 255, 160, 0.5)" stopOpacity={0.3} />
-              <stop offset="95%" stopColor="#FEDB75" stopOpacity={0} />
-            </linearGradient>
+            {showVectors ? null : (
+              <linearGradient id="colorTotal" x1="0" y1="1" x2="0" y2="0">
+                <stop offset="5%" stopColor="rgba(240, 255, 160, 0.5)" stopOpacity={0.3} />
+                <stop offset="95%" stopColor="#FEDB75" stopOpacity={0} />
+              </linearGradient>
+            )}
           </defs>
           <CartesianGrid y={3000000} strokeDasharray="2" />
           <Area