PSE2_FF
/
pse2_ff
0
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Compare commits

base: PSE2_FF:f2c4e0534d165989bff8202412752f58569f07a8
Branches Tags
PSE2_FF:deployment_final
PSE2_FF:deploy_exxeta
PSE2_FF:main
PSE2_FF:deploy
..
compare: PSE2_FF:d8f29adeba6c7ea564c7ed2b6e086dbd956a13ea
Branches Tags
PSE2_FF:deployment_final
PSE2_FF:deploy_exxeta
PSE2_FF:main
PSE2_FF:deploy

No commits in common. "f2c4e0534d165989bff8202412752f58569f07a8" and "d8f29adeba6c7ea564c7ed2b6e086dbd956a13ea" have entirely different histories.
f2c4e0534d ... d8f29adeba

1 changed files with 5 additions and 27 deletions
Show Stats Expand all files Collapse all files

32
project/frontend/src/routes/extractedResult.$pitchBook.tsx
View File

@ -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}>