Merge pull request #89 from Vizzuality/home-intro-text-change

Update homepage intro stats
Vizzuality · Nov 28, 2023 · f6847e5 · f6847e5
2 parents b1e1bad + cac9bfd
commit f6847e5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/containers/homepage/intro/index.tsx b/frontend/src/containers/homepage/intro/index.tsx
@@ -109,7 +109,11 @@ const Intro: React.FC<IntroProps> = ({ onScrollClick }) => {
               text="Current global ocean protected area"
               icon="icon1"
             />
-            <SidebarItem percentage={9} text="Current global land protected area" icon="icon2" />
+            <SidebarItem
+              percentage={16}
+              text="Current global land and inland waters protected area"
+              icon="icon2"
+            />
             <div className="flex h-full w-full justify-center">
               <button type="button" onClick={onScrollClick}>
                 <Icon icon={ArrowRight} className="h-[50%] rotate-90 fill-black" />

diff --git a/frontend/src/containers/homepage/intro/sidebar-item/index.tsx b/frontend/src/containers/homepage/intro/sidebar-item/index.tsx
@@ -12,7 +12,7 @@ type SidebarItemProps = {
 };
 
 const SidebarItem: React.FC<SidebarItemProps> = ({ text, percentage, icon = 'icon1' }) => (
-  <div className="flex flex-row gap-4 border-b border-white px-10 py-6">
+  <div className="flex flex-row gap-6 border-b border-white px-10 py-6">
     <div className="flex flex-1 flex-col gap-2 font-mono">
       <span className="text-6xl font-light">{percentage}%</span>
       <span className="text-xs">{text}</span>