feat: increase assets limit to 15

zimmerman-team · Sep 22, 2023 · 7d31287 · 7d31287
1 parent 913d662
commit 7d31287
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/rawgraphs-charts b/rawgraphs-charts
diff --git a/src/app/modules/home-module/components/Charts/chartsGrid.tsx b/src/app/modules/home-module/components/Charts/chartsGrid.tsx
@@ -26,7 +26,7 @@ export default function ChartsGrid(props: Props) {
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [loadedCharts, setLoadedCharts] = React.useState<any[]>([]);
 
-  const limit = 10;
+  const limit = 15;
   //used over usestate to get current offset value in the IntersectionObserver api, as it is not updated in usestate.
   const offset = useRef(0);
   const charts = useStoreState(

diff --git a/src/app/modules/home-module/components/Datasets/datasetsGrid.tsx b/src/app/modules/home-module/components/Datasets/datasetsGrid.tsx
@@ -24,7 +24,7 @@ export default function DatasetsGrid(props: Props) {
   const [cardId, setCardId] = React.useState<string>("");
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [modalDisplay, setModalDisplay] = React.useState<boolean>(false);
-  const limit = 10;
+  const limit = 15;
   //used over usestate to get current offset value in the IntersectionObserver api, as it is not updated in usestate.
   const offset = useRef(0);
   const [loadedDatasets, setLoadedDatasets] = React.useState<
@@ -172,7 +172,12 @@ export default function DatasetsGrid(props: Props) {
       )}
       <Box height={100} />
 
-      <div ref={observerTarget} />
+      <div
+        ref={observerTarget}
+        css={`
+          height: 10px;
+        `}
+      />
       <DeleteDatasetDialog
         cardId={cardId}
         enableButton={enableButton}

diff --git a/src/app/modules/home-module/components/Reports/reportsGrid.tsx b/src/app/modules/home-module/components/Reports/reportsGrid.tsx
@@ -27,7 +27,7 @@ export default function ReportsGrid(props: Props) {
   const [modalDisplay, setModalDisplay] = React.useState<boolean>(false);
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [loadedReports, setLoadedReports] = React.useState<ReportModel[]>([]);
-  const limit = 10;
+  const limit = 15;
   //used over usestate to get current offset value in the IntersectionObserver api, as it is not updated in usestate.
   const offset = useRef(0);
   const reports = useStoreState(