project/frontend/src/routes/extractedResult.$pitchBook.tsx

@@ -3,7 +3,7 @@ import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import { Box, Button, Paper, Typography, IconButton } from "@mui/material";
 import { useSuspenseQuery } from "@tanstack/react-query";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
-import { useCallback, useState, useMemo } from "react";
+import { useCallback, useState } from "react";
 import KennzahlenTable from "../components/KennzahlenTable";
 import PDFViewer from "../components/pdfViewer";
 import { kpiQueryOptions, settingsQueryOptions } from "../util/query";
@@ -34,6 +34,7 @@ function ExtractedResultsPage() {
 	const { pitchBook } = Route.useParams();
 	const navigate = useNavigate();
 	const { from } = Route.useSearch();
+	const status: "green" | "yellow" | "red" = "red";
 	const [currentPage, setCurrentPage] = useState(1);
 	const [focusHighlight, setFocusHighlight] = useState({
 		page: 5,
@@ -45,38 +46,15 @@ function ExtractedResultsPage() {
 		setFocusHighlight({ page, text: entity });
 	}, []);
 
-	const { data: kpi } = useSuspenseQuery(kpiQueryOptions(pitchBook));
-	const { data: settings } = useSuspenseQuery(settingsQueryOptions());
-
-	const status = useMemo(() => {
-		let hasRedBorders = false;
-		let hasYellowBorders = false;
-
-		settings
-			.filter((setting) => setting.active)
-			.forEach((setting) => {
-				const values = kpi[setting.name.toUpperCase()] || [];
-				const hasNoValue = setting.mandatory && (values.length === 0 || values[0]?.entity === "");
-				const hasMultipleValues = values.length > 1;
-
-				if (hasNoValue) {
-					hasRedBorders = true;
-				} else if (hasMultipleValues) {
-					hasYellowBorders = true;
-				}
-			});
-
-		if (hasRedBorders) return "red";
-		if (hasYellowBorders) return "yellow";
-		return "green";
-	}, [kpi, settings]);
-
 	const statusColor = {
 		red: "#f43131",
 		yellow: "#f6ed48",
 		green: "#3fd942",
 	}[status];
 
+	const { data: kpi } = useSuspenseQuery(kpiQueryOptions(pitchBook));
+	const { data: settings } = useSuspenseQuery(settingsQueryOptions());
+
 	return (
 		<Box p={4}>
 			<Box display="flex" alignItems="center" gap={3}>