virtualize pages / section

uhh-lt · Feb 11, 2024 · 635d914 · 635d914
1 parent 41ee952
commit 635d914
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/features/DocumentRenderer/DocumentRenderer.tsx b/frontend/src/features/DocumentRenderer/DocumentRenderer.tsx
@@ -43,7 +43,7 @@ function DocumentRenderer({
       content = content.substring(0, content.length - 6);
     }
     content = content.trim();
-    const regex = /<page num="\d+">|<\/page><page num="\d+">|<\/page>/gm;
+    const regex = /<section pagenum="\d+">|<\/section><section pagenum="\d+">|<\/section>/gm;
     let splitted = content.split(regex);
     splitted = splitted.filter((s) => s.length > 0);
     return splitted;
@@ -56,7 +56,6 @@ function DocumentRenderer({
     count: numPages,
     getScrollElement: () => listRef.current,
     estimateSize: () => 155,
-    overscan: 1,
   });
 
   // Order matters. Instructions are processed in

diff --git a/frontend/src/views/search/DocumentViewer/DocumentViewer.tsx b/frontend/src/views/search/DocumentViewer/DocumentViewer.tsx
@@ -49,8 +49,8 @@ function DocumentViewer({
 
   return (
     <Card raised {...props}>
-      <CardContent>
-        <Stack spacing={2}>
+      <CardContent className="h100">
+        <Stack spacing={2} className="h100">
           <div style={{ display: "flex", alignItems: "center" }}>
             <EditableDocumentName
               sdocId={sdocId}

diff --git a/frontend/src/views/search/Search.tsx b/frontend/src/views/search/Search.tsx
@@ -165,13 +165,14 @@ function Search() {
                 </Grid>
               )}
               {(isSplitView || viewDocument) && (
-                <Grid item md={isSplitView ? 6 : 12} className="h100" overflow={"auto"}>
-                  <Container sx={{ my: 2, height: "fit-content" }}>
+                <Grid item md={isSplitView ? 6 : 12} className="h100">
+                  <Container className="h100" sx={{ py: 2 }}>
                     <DocumentViewer
                       sdocId={sdocId ? parseInt(sdocId) : undefined}
                       handleTagClick={handleAddTagFilter}
                       showEntities={isShowEntities}
                       isIdleContent={<Typography>Click a document to read it :)</Typography>}
+                      className="h100"
                     />
                   </Container>
                 </Grid>