lee/Scraperr
1
0
Fork 0
mirror of https://github.com/jaypyles/Scraperr.git synced 2025-12-17 05:05:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: fix overflow on large results

Browse Source
This commit is contained in:
Jayden Pyles
2024-07-07 20:27:57 -05:00
parent 4e9e592b2f
commit 82154232a2
2 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/JobTable.tsx
View File

@@ -113,7 +113,6 @@ const JobTable: React.FC<JobTableProps> = ({ jobs, fetchJobs }) => {
display="flex"
justifyContent="center"
minHeight="100vh"
p={3}
>
<Box
className="flex flex-col justify-start align-center items-center"

46
src/pages/index.tsx
View File

@@ -238,28 +238,30 @@ const Home = () => {
{results && (
<>
<Typography variant="h4">Results</Typography>
<Table ref={resultsRef} style={{ marginTop: "20px" }}>
<TableHead>
<TableRow>
<TableCell>Name</TableCell>
<TableCell>XPath</TableCell>
<TableCell>Text</TableCell>
</TableRow>
</TableHead>
<TableBody>
{Object.keys(results).map((key, index) => (
<React.Fragment key={index}>
{results[key].map((result, resultIndex) => (
<TableRow key={resultIndex}>
<TableCell>{result.name}</TableCell>
<TableCell>{result.xpath}</TableCell>
<TableCell>{result.text}</TableCell>
</TableRow>
))}
</React.Fragment>
))}
</TableBody>
</Table>
<Box style={{ maxHeight: "400px", overflow: "auto" }}>
<Table ref={resultsRef} style={{ marginTop: "20px" }}>
<TableHead>
<TableRow>
<TableCell>Name</TableCell>
<TableCell>XPath</TableCell>
<TableCell>Text</TableCell>
</TableRow>
</TableHead>
<TableBody>
{Object.keys(results).map((key, index) => (
<React.Fragment key={index}>
{results[key].map((result, resultIndex) => (
<TableRow key={resultIndex}>
<TableCell>{result.name}</TableCell>
<TableCell>{result.xpath}</TableCell>
<TableCell>{result.text}</TableCell>
</TableRow>
))}
</React.Fragment>
))}
</TableBody>
</Table>
</Box>
</>
)}
</Container>