fix(capture): enables scrolling in Capture page (#182)

Greenstand · Oct 30, 2021 · 9d2a145 · 9d2a145
1 parent 4043e25
commit 9d2a145
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/src/components/CaptureTable.js b/src/components/CaptureTable.js
@@ -156,9 +156,9 @@ const CaptureTable = () => {
     });
   };
 
-  const handlePageChange = () => {
+  const handlePageChange = (e, newPage) => {
     loadCaptures({
-      page: capturesContext.page + 1,
+      page: newPage,
       rowsPerPage: capturesContext.rowsPerPage,
       filter: capturesContext.filter,
     });
@@ -228,7 +228,7 @@ const CaptureTable = () => {
             )}
           </Navbar>
         </Grid>
-        <Grid item>
+        <Grid item style={{ height: '100%', overflowY: 'scroll' }}>
           <div className={classes.tableContainer} ref={scrollRef}>
             <Grid
               container

diff --git a/src/views/CapturesView.js b/src/views/CapturesView.js
@@ -24,15 +24,13 @@ function CapturesView() {
       direction="column"
       style={{ flexWrap: 'nowrap', height: '100%' }}
     >
-      <Grid item container style={{ height: '100%', overflow: 'hidden' }}>
-        <CapturesProvider>
-          <SpeciesProvider>
-            <TagsProvider>
-              <CaptureTable />
-            </TagsProvider>
-          </SpeciesProvider>
-        </CapturesProvider>
-      </Grid>
+      <CapturesProvider>
+        <SpeciesProvider>
+          <TagsProvider>
+            <CaptureTable />
+          </TagsProvider>
+        </SpeciesProvider>
+      </CapturesProvider>
     </Grid>
   );
 }