From 054b004ea6d1f40a4a5d415711fb00accd2af1ed Mon Sep 17 00:00:00 2001
From: Anastasiya Uraleva <anastasiyauraleva@Anastasiyas-MacBook-Pro.local>
Date: Mon, 17 Apr 2023 15:08:13 -0400
Subject: [PATCH 1/2] removed marquee

---
 components/OverviewDataGrowthNew.tsx |  6 ++++--
 components/PartnersNew.module.scss   | 14 ++++++++++++++
 components/PartnersNew.tsx           | 14 +++++++-------
 fixtures/partners-fixtures.tsx       | 15 +++++++++++++++
 4 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/components/OverviewDataGrowthNew.tsx b/components/OverviewDataGrowthNew.tsx
index d52747a..0b004cf 100644
--- a/components/OverviewDataGrowthNew.tsx
+++ b/components/OverviewDataGrowthNew.tsx
@@ -36,11 +36,13 @@ export default function OverviewDataGrowthNew({
           </p>
           <div className={styles.container}>
             <div>
-              <h4 className={styles.data}>{totalInitialAllowance}</h4>
+              <h4 className={styles.data}>745.4 PiB</h4>
+
+              {/* <h4 className={styles.data}>{totalInitialAllowance}</h4> */}
               <p className={styles.dataTitle}>Data onboarded</p>
             </div>
             <div>
-              <h4 className={styles.data}>{totalClientCount}</h4>
+              <h4 className={styles.data}>1334</h4>
               <p className={styles.dataTitle}>Clients served</p>
             </div>
           </div>
diff --git a/components/PartnersNew.module.scss b/components/PartnersNew.module.scss
index 7d3f2f2..29a9ab1 100644
--- a/components/PartnersNew.module.scss
+++ b/components/PartnersNew.module.scss
@@ -304,3 +304,17 @@
     }
   }
 }
+
+.logoContainer {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+}
+
+.logoContainer > .logoItem {
+  width: 16.6666667%;
+  padding: 1rem;
+}
diff --git a/components/PartnersNew.tsx b/components/PartnersNew.tsx
index 5793b6e..ebc89e8 100644
--- a/components/PartnersNew.tsx
+++ b/components/PartnersNew.tsx
@@ -106,10 +106,11 @@ export default function PartnersNew({ partners }) {
             <h3 className={` ${styles.headingTitle}`}>Featured Clients</h3>
           </div>
         </GutterContainer>
-        <Marquee marqueeColor="transparent" direction="right">
+
+        <div className={styles.logoContainer}>
           {partners.map((partner, index) => {
             return (
-              <div key={index}>
+              <div key={index} className={styles.logoItem}>
                 <a
                   href={partner.link}
                   style={{ cursor: "pointer" }}
@@ -122,9 +123,8 @@ export default function PartnersNew({ partners }) {
               </div>
             );
           })}
-        </Marquee>
-        <Marquee marqueeColor="transparent" direction="left">
-          {partnersRowTwo.map((partner, index) => {
+
+          {/* {partnersRowTwo.map((partner, index) => {
             return (
               <div key={index}>
                 <a
@@ -138,8 +138,8 @@ export default function PartnersNew({ partners }) {
                 </a>
               </div>
             );
-          })}
-        </Marquee>
+          })} */}
+        </div>
         <GutterContainer>
           <div className={styles.center} style={{ paddingBottom: "6rem" }}>
             <button
diff --git a/fixtures/partners-fixtures.tsx b/fixtures/partners-fixtures.tsx
index 599666c..6e0a990 100644
--- a/fixtures/partners-fixtures.tsx
+++ b/fixtures/partners-fixtures.tsx
@@ -62,6 +62,21 @@ export const PARTNERS_FIXTURE = [
     logo: "https://user-images.githubusercontent.com/28320272/230521742-04349f72-1b6b-4111-9fe5-658a8baa2711.png",
     link: "https://chainsafe.io/",
   },
+  {
+    type: "image",
+    logo: "https://user-images.githubusercontent.com/28320272/232148507-d84eb42d-c85c-4f4b-8555-a78907f6299f.png",
+    link: "",
+  },
+  {
+    type: "image",
+    logo: "https://user-images.githubusercontent.com/28320272/232148668-078f083a-c43c-4617-b031-a0bd7472be94.png",
+    link: "https://fbsnor.no/",
+  },
+  {
+    type: "image",
+    logo: "https://user-images.githubusercontent.com/28320272/232148942-8fdd9955-d883-4714-a536-9aa4ef5e3966.png",
+    link: "https://motowizja.pl/",
+  },
 ];
 
 export const PARTNERS_TWO_FIXTURE = [

From 57c7287adf2496e31644cf2a5ee9ad8a3145d530 Mon Sep 17 00:00:00 2001
From: Anastasiya Uraleva <anastasiyauraleva@Anastasiyas-MacBook-Pro.local>
Date: Tue, 18 Apr 2023 15:50:05 -0400
Subject: [PATCH 2/2] updated total statistics with new endpoint

---
 components/OverviewDataGrowthNew.tsx | 15 +++------------
 components/SectionDataNew.tsx        | 19 +++++++++++--------
 pages/api/index.ts                   |  6 ++++++
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/components/OverviewDataGrowthNew.tsx b/components/OverviewDataGrowthNew.tsx
index 0b004cf..2592f59 100644
--- a/components/OverviewDataGrowthNew.tsx
+++ b/components/OverviewDataGrowthNew.tsx
@@ -1,19 +1,10 @@
 import styles from "@components/OverviewDataGrowthNew.module.scss";
-import { bytesToSize } from "@root/common/utilities";
 import GutterContainer from "./GutterContainer";
 
 export default function OverviewDataGrowthNew({
-  totalClients,
   totalClientCount,
+  totalDataOnboarded,
 }) {
-  const totalDataOnboarded = totalClients.reduce((acc, client) => {
-    const initialAllowance = BigInt(client.initialAllowance);
-    const allowance = BigInt(client.allowance);
-    return acc + (initialAllowance - allowance);
-  }, BigInt(0));
-
-  const totalInitialAllowance = bytesToSize(totalDataOnboarded);
-
   return (
     <div className={styles.body}>
       <video className={styles.video} autoPlay muted loop>
@@ -38,11 +29,11 @@ export default function OverviewDataGrowthNew({
             <div>
               <h4 className={styles.data}>745.4 PiB</h4>
 
-              {/* <h4 className={styles.data}>{totalInitialAllowance}</h4> */}
+              <h4 className={styles.data}>{totalDataOnboarded}</h4>
               <p className={styles.dataTitle}>Data onboarded</p>
             </div>
             <div>
-              <h4 className={styles.data}>1334</h4>
+              <h4 className={styles.data}>{totalClientCount}</h4>
               <p className={styles.dataTitle}>Clients served</p>
             </div>
           </div>
diff --git a/components/SectionDataNew.tsx b/components/SectionDataNew.tsx
index 8a2ac31..c958033 100644
--- a/components/SectionDataNew.tsx
+++ b/components/SectionDataNew.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import styles from "@components/SectionDataNew.module.scss";
-import { formatDataToCamelCase } from "@root/common/utilities";
+import { byteInPetabyte, formatDataToCamelCase } from "@root/common/utilities";
 import { CLIENTS_WITH_DEALS_FIXTURE } from "@root/fixtures/clients-with-deals";
 import { PARTNERS_FIXTURE } from "@root/fixtures/partners-fixtures";
-import { fetchClientsPerPage, fetchTotalClients } from "@root/pages/api";
+import { fetchStatistics } from "@root/pages/api";
 import totalClientsWithDealsResolver from "@root/resolvers/total-clients";
 import { useEffect, useState } from "react";
 import GutterContainer from "./GutterContainer";
@@ -17,6 +17,7 @@ import SectionGraphByRegion from "./SectionGraphByRegion";
 export default function SectionDataNew() {
   const [error, setError] = useState(null);
   const [totalClients, setTotalClients] = useState([]);
+  const [totalDataOnboarded, setTotalDataOnboarded] = useState(0);
   const [totalClientCount, setTotalClientCount] = useState(0);
   const [industryData, setIndustryData] = useState({ data: [] });
   const [regionData, setRegionData] = useState({ data: [] });
@@ -30,12 +31,14 @@ export default function SectionDataNew() {
   useEffect(() => {
     async function fetchPaginatedAndTotalData() {
       try {
-        const { count } = await fetchClientsPerPage(itemsPerPage, currentPage);
+        const clients = await fetchStatistics();
 
-        const totalClientsFetched = await fetchTotalClients();
+        const totalClients = clients.clientCount;
 
-        setTotalClientCount(count);
-        setTotalClients(totalClientsFetched.data);
+        const dataOnboarded = BigInt(clients.outgoingDatacap) / byteInPetabyte;
+
+        setTotalClientCount(totalClients);
+        setTotalDataOnboarded(dataOnboarded as any);
       } catch (error) {
         setError(error);
       }
@@ -81,8 +84,8 @@ export default function SectionDataNew() {
   return (
     <div className={styles.body}>
       <OverviewDataGrowthNew
-        totalClientCount={totalClientsWithDeals}
-        totalClients={totalClients}
+        totalClientCount={totalClientCount}
+        totalDataOnboarded={totalDataOnboarded}
       />
 
       <div style={{ paddingBottom: "var(--p-large-xxl)" }}>
diff --git a/pages/api/index.ts b/pages/api/index.ts
index f601ac2..e5267a5 100644
--- a/pages/api/index.ts
+++ b/pages/api/index.ts
@@ -73,7 +73,13 @@ export async function fetchClientsPerPage(itemsPerPage, currentPage) {
 
   return { count, data };
 }
+export async function fetchStatistics() {
+  const res = await fetch(`https://api.datacapstats.io/api/getSimplifiedStats`);
 
+  const clients = await res.json();
+  console.log("clients", clients);
+  return clients;
+}
 export async function fetchTotalClients() {
   const res = await fetch(
     `https://api.datacapstats.io/api/getVerifiedClients?limit=none`