deleted file
parent
817fec6dc4
commit
053922f8a2
|
|
@ -1,106 +0,0 @@
|
|||
import { Box, Paper, Typography, Button } from '@mui/material';
|
||||
import {createFileRoute, useNavigate} from '@tanstack/react-router';
|
||||
import PDFViewer from '../components/pdfViewer';
|
||||
import ContentPasteIcon from '@mui/icons-material/ContentPaste';
|
||||
import KennzahlenTable from "../components/KennzahlenTable";
|
||||
import { useState } from 'react';
|
||||
|
||||
|
||||
export const Route = createFileRoute('/extractedResult')({
|
||||
component: ExtractedResultsPage,
|
||||
});
|
||||
|
||||
function ExtractedResultsPage() {
|
||||
const [selectedLabel, setSelectedLabel] = useState<string | null>(null);
|
||||
const navigate = useNavigate();
|
||||
const status: 'green' | 'yellow' | 'red' = 'red';
|
||||
|
||||
const statusColor = {
|
||||
red: '#f43131',
|
||||
yellow: '#f6ed48',
|
||||
green: '#3fd942',
|
||||
}[status];
|
||||
|
||||
return (
|
||||
<Box p={4}>
|
||||
<Box display="flex" alignItems="center" gap={3}>
|
||||
<Box
|
||||
sx={{
|
||||
width: 45,
|
||||
height: 45,
|
||||
borderRadius: '50%',
|
||||
backgroundColor: statusColor,
|
||||
top: 32,
|
||||
left: 32,
|
||||
}}
|
||||
/>
|
||||
<Typography variant="h5" gutterBottom>
|
||||
Kennzahlen extrahiert aus: <br/><strong>FONDSNAME: TODO</strong>
|
||||
</Typography>
|
||||
</Box>
|
||||
<Box
|
||||
display="flex"
|
||||
gap={4}
|
||||
sx={{
|
||||
width: '100vw',
|
||||
maxWidth: '100%',
|
||||
height: '80vh',
|
||||
mt: 4,
|
||||
}}
|
||||
>
|
||||
<Paper
|
||||
elevation={2}
|
||||
sx={{
|
||||
width: '45%',
|
||||
height: '100%',
|
||||
borderRadius: 2,
|
||||
backgroundColor: '#eeeeee',
|
||||
padding: 2, // Etwas Abstand innen
|
||||
overflow: 'auto', // Scrollen falls Tabelle zu lang
|
||||
}}
|
||||
>
|
||||
<KennzahlenTable setSelectedLabel={setSelectedLabel} />
|
||||
|
||||
</Paper>
|
||||
|
||||
<Box
|
||||
display="flex"
|
||||
flexDirection="column"
|
||||
justifyContent="space-between"
|
||||
gap={5}
|
||||
sx={{ width: '55%', height: '95%' }}
|
||||
>
|
||||
<Paper
|
||||
elevation={2}
|
||||
sx={{
|
||||
height: '100%',
|
||||
borderRadius: 2,
|
||||
backgroundColor: '#eeeeee',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<PDFViewer selectedLabel={selectedLabel} />
|
||||
</Paper>
|
||||
<Box mt={2} display="flex" justifyContent="flex-end" gap={2}>
|
||||
<Button
|
||||
variant="contained"
|
||||
sx={{ backgroundColor: '#383838' }}
|
||||
>
|
||||
<ContentPasteIcon sx={{ fontSize: 18, mr: 1 }} />
|
||||
Kennzahlenzeile kopieren
|
||||
</Button>
|
||||
<Button
|
||||
variant="contained"
|
||||
sx={{ backgroundColor: '#383838' }}
|
||||
onClick={() => navigate({ to: '/' })}
|
||||
>
|
||||
Neu hochladen
|
||||
</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
Loading…
Reference in New Issue