removed marquee

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>
@@ -36,7 +27,9 @@ 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}>{totalDataOnboarded}</h4>
               <p className={styles.dataTitle}>Data onboarded</p>
             </div>
             <div>

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;
+}

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

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)" }}>

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 = [

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`