diff --git a/project/frontend/src/routes/extractedResult.$pitchBook.tsx b/project/frontend/src/routes/extractedResult.$pitchBook.tsx index cf5a860..c2d57f7 100644 --- a/project/frontend/src/routes/extractedResult.$pitchBook.tsx +++ b/project/frontend/src/routes/extractedResult.$pitchBook.tsx @@ -50,7 +50,7 @@ function ExtractedResultsPage() { sx={{ width: "100vw", maxWidth: "100%", - height: "80vh", + height: "85vh", mt: 4, }} > @@ -76,10 +76,9 @@ function ExtractedResultsPage() { display="flex" flexDirection="column" justifyContent="space-between" - gap={5} + gap={3} sx={{ width: "55%", - height: "100%", maxHeight: "95%" }} > diff --git a/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx b/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx index f3e5dbd..ccf34b8 100644 --- a/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx +++ b/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx @@ -41,13 +41,13 @@ function ExtractedResultsPage() { } = useSuspenseQuery(kpiQueryOptions(pitchBook)); const kpiValues = kpiData[kpi.toUpperCase()] || []; - - const [selectedValue, setSelectedValue] = useState(kpiValues[0]?.entity || ''); + const [selectedIndex, setSelectedIndex] = useState(0); const [currentPage, setCurrentPage] = useState(kpiValues[0]?.page || 1); const [showConfirmDialog, setShowConfirmDialog] = useState(false); const [hasChanges, setHasChanges] = useState(false); const [customValue, setCustomValue] = useState(''); const originalValue = kpiValues[0]?.entity || ''; + const selectedValue = selectedIndex === -1 ? customValue : (kpiValues[selectedIndex]?.entity || ''); useEffect(() => { setHasChanges(selectedValue !== originalValue); @@ -78,8 +78,11 @@ function ExtractedResultsPage() { const handleRadioChange = (event: React.ChangeEvent) => { const value = event.target.value; - setSelectedValue(value); - if (value !== 'custom') { + if (value === 'custom') { + setSelectedIndex(-1); + } else { + const index = parseInt(value); + setSelectedIndex(index); setCustomValue(''); } }; @@ -87,7 +90,12 @@ function ExtractedResultsPage() { const handleCustomValueChange = (event: React.ChangeEvent) => { const value = event.target.value; setCustomValue(value); - setSelectedValue(value); + setSelectedIndex(-1); + }; + + const handleRowClick = (index: number) => { + setSelectedIndex(index); + setCustomValue(''); }; const handleBackClick = () => { @@ -134,7 +142,7 @@ function ExtractedResultsPage() { sx={{ width: "100vw", maxWidth: "100%", - height: "80vh", + height: "85vh", mt: 4, }} > @@ -170,7 +178,7 @@ function ExtractedResultsPage() { '&:hover': { backgroundColor: '#f9f9f9' }, cursor: 'pointer' }} - onClick={() => setSelectedValue(item.entity)} + onClick={() => handleRowClick(index)} > { - if (customValue) { - setSelectedValue(customValue); - } + setSelectedIndex(-1); }} > Überprüfung Annehmen