feat: align dataset order in homepage

globalfund · Nov 16, 2022 · f81fdd6 · f81fdd6
1 parent dc4b055
commit f81fdd6
Showing 1 changed file with 54 additions and 54 deletions.
diff --git a/src/app/modules/landing-module/components/dataset-grid/index.tsx b/src/app/modules/landing-module/components/dataset-grid/index.tsx
@@ -198,27 +198,6 @@ export function LandingDatasetGrid() {
 
   return (
     <Grid container spacing={2}>
-      <Grid item xs={12} sm={6} md={6} lg={3}>
-        <GridItem
-          title={fbText}
-          link="/viz/budgets/flow"
-          description={fbDescription}
-          iconLinks={[
-            {
-              icon: <SankeyIcon />,
-              link: "/viz/budgets/flow",
-            },
-            {
-              icon: <BarIcon />,
-              link: "/viz/budgets/time-cycle",
-            },
-            {
-              icon: <MapIcon />,
-              link: "/viz/budgets/map",
-            },
-          ]}
-        />
-      </Grid>
       <Grid item xs={12} sm={6} md={6} lg={3}>
         <GridItem
           title={fpText}
@@ -246,50 +225,62 @@ export function LandingDatasetGrid() {
       </Grid>
       <Grid item xs={12} sm={6} md={6} lg={3}>
         <GridItem
-          title={fsText}
-          link="/viz/signed/treemap"
-          description={fsDescription}
+          title={aeText}
+          link="/viz/eligibility"
+          description={aeDescription}
           iconLinks={[
             {
-              icon: <TreemapIcon />,
-              link: "/viz/signed/treemap",
+              icon: <DotIcon />,
+              link: "/viz/eligibility",
             },
             {
-              icon: <BarIcon />,
-              link: "/viz/signed/time-cycle",
+              icon: <TableIcon />,
+              link: "/viz/eligibility/table",
             },
+          ]}
+        />
+      </Grid>
+      <Grid item xs={12} sm={6} md={6} lg={3}>
+        <GridItem
+          title={aaText}
+          link="/viz/allocations"
+          description={aaDescription}
+          iconLinks={[
             {
-              icon: <MapIcon />,
-              link: "/viz/signed/map",
+              icon: <AllocationIcon />,
+              link: "/viz/allocations",
             },
             {
-              icon: <TableIcon />,
-              link: "/viz/signed/table",
+              icon: <MapIcon />,
+              link: "/viz/allocations/map",
             },
           ]}
         />
       </Grid>
+      <Grid item xs={12} sm={6} md={6} lg={3}>
+        <GridItem title={grText} link="/grants" description={grDescription} />
+      </Grid>
       <Grid item xs={12} sm={6} md={6} lg={3}>
         <GridItem
-          title={fdText}
-          link="/viz/disbursements/treemap"
-          description={fdDescription}
+          title={fsText}
+          link="/viz/signed/treemap"
+          description={fsDescription}
           iconLinks={[
             {
               icon: <TreemapIcon />,
-              link: "/viz/disbursements/treemap",
+              link: "/viz/signed/treemap",
             },
             {
               icon: <BarIcon />,
-              link: "/viz/disbursements/time-cycle",
+              link: "/viz/signed/time-cycle",
             },
             {
               icon: <MapIcon />,
-              link: "/viz/disbursements/map",
+              link: "/viz/signed/map",
             },
             {
               icon: <TableIcon />,
-              link: "/viz/disbursements/table",
+              link: "/viz/signed/table",
             },
           ]}
         />
@@ -321,34 +312,46 @@ export function LandingDatasetGrid() {
       </Grid>
       <Grid item xs={12} sm={6} md={6} lg={3}>
         <GridItem
-          title={aeText}
-          link="/viz/eligibility"
-          description={aeDescription}
+          title={fdText}
+          link="/viz/disbursements/treemap"
+          description={fdDescription}
           iconLinks={[
             {
-              icon: <DotIcon />,
-              link: "/viz/eligibility",
+              icon: <TreemapIcon />,
+              link: "/viz/disbursements/treemap",
+            },
+            {
+              icon: <BarIcon />,
+              link: "/viz/disbursements/time-cycle",
+            },
+            {
+              icon: <MapIcon />,
+              link: "/viz/disbursements/map",
             },
             {
               icon: <TableIcon />,
-              link: "/viz/eligibility/table",
+              link: "/viz/disbursements/table",
             },
           ]}
         />
       </Grid>
       <Grid item xs={12} sm={6} md={6} lg={3}>
         <GridItem
-          title={aaText}
-          link="/viz/allocations"
-          description={aaDescription}
+          title={fbText}
+          link="/viz/budgets/flow"
+          description={fbDescription}
           iconLinks={[
             {
-              icon: <AllocationIcon />,
-              link: "/viz/allocations",
+              icon: <SankeyIcon />,
+              link: "/viz/budgets/flow",
+            },
+            {
+              icon: <BarIcon />,
+              link: "/viz/budgets/time-cycle",
             },
             {
               icon: <MapIcon />,
-              link: "/viz/allocations/map",
+              link: "/viz/budgets/map",
             },
           ]}
         />
@@ -363,9 +366,6 @@ export function LandingDatasetGrid() {
           description={doDescription}
         />
       </Grid>
-      <Grid item xs={12} sm={6} md={6} lg={3}>
-        <GridItem title={grText} link="/grants" description={grDescription} />
-      </Grid>
     </Grid>
   );
 }