project/frontend/src/components/pdfViewer.tsx

@@ -4,8 +4,6 @@ import "react-pdf/dist/esm/Page/AnnotationLayer.css";
 import "react-pdf/dist/esm/Page/TextLayer.css";
 import ArrowCircleLeftIcon from "@mui/icons-material/ArrowCircleLeft";
 import ArrowCircleRightIcon from "@mui/icons-material/ArrowCircleRight";
-import ZoomInIcon from "@mui/icons-material/ZoomIn";
-import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import { Box, IconButton } from "@mui/material";
 import type {
 	CustomTextRenderer,
@@ -32,7 +30,7 @@ export default function PDFViewer({
 }: PDFViewerProps) {
 	const [numPages, setNumPages] = useState<number | null>(null);
 	const [pageNumber, setPageNumber] = useState(currentPage || 1);
-	const [baseWidth, setBaseWidth] = useState<number | null>(null);
+	const [containerWidth, setContainerWidth] = useState<number | null>(null);
 	const [pdfKey, setPdfKey] = useState(Date.now());
 	const containerRef = useRef<HTMLDivElement>(null);
 	const [posHighlight, setPosHighlight] = useState<string[]>([]);
@@ -40,7 +38,6 @@ export default function PDFViewer({
 	const [textContent, setTextContent] = useState<
 		{ posKey: string; text: string; i: number }[]
 	>([]);
-	const [zoomLevel, setZoomLevel] = useState(1.0);
 
 	const onDocumentLoadSuccess = ({ numPages }: { numPages: number }) => {
 		setNumPages(numPages);
@@ -49,9 +46,7 @@ export default function PDFViewer({
 	useEffect(() => {
 		const updateWidth = () => {
 			if (containerRef.current) {
-				if (!baseWidth) {
+				setContainerWidth(containerRef.current.offsetWidth);
-					setBaseWidth(containerRef.current.offsetWidth);
-				}
 			}
 		};
 
@@ -117,9 +112,8 @@ export default function PDFViewer({
 			});
 
 			if (positions.length === 0) {
-				let cumulativeText = "";
+				let cumulativeText = '';
-				const textBoundaries: { start: number; end: number; index: number }[] =
+				const textBoundaries: { start: number; end: number; index: number }[] = [];
-					[];
 
 				textContent.forEach((item, index) => {
 					const start = cumulativeText.length;
@@ -134,7 +128,7 @@ export default function PDFViewer({
 				while (searchIndex !== -1) {
 					const endIndex = searchIndex + normalizedSearch.length;
 
-					textBoundaries.forEach((boundary) => {
+					textBoundaries.forEach(boundary => {
 						if (
 							(boundary.start <= searchIndex && searchIndex < boundary.end) || // Search starts in this item
 							(boundary.start < endIndex && endIndex <= boundary.end) || // Search ends in this item
@@ -145,19 +139,16 @@ export default function PDFViewer({
 							}
 						}
 					});
-					searchIndex = lowerCumulative.indexOf(
+					searchIndex = lowerCumulative.indexOf(normalizedSearch, searchIndex + 1);
-						normalizedSearch,
-						searchIndex + 1,
-					);
 				}
 			}
 			return positions.sort((a, b) => a - b);
 		};
 		highlight
-			.filter((h) => h.page === pageNumber)
+			.filter(h => h.page === pageNumber)
-			.forEach((highlightItem) => {
+			.forEach(highlightItem => {
 				const positions = findTextPositions(highlightItem.text);
-				positions.forEach((pos) => {
+				positions.forEach(pos => {
 					if (pos >= 0 && pos < textContent.length) {
 						tmpPos.push(textContent[pos].posKey);
 					}
@@ -167,7 +158,7 @@ export default function PDFViewer({
 		if (focusHighlight?.page === pageNumber && focusHighlight.text) {
 			const positions = findTextPositions(focusHighlight.text);
 
-			positions.forEach((pos) => {
+			positions.forEach(pos => {
 				if (pos >= 0 && pos < textContent.length) {
 					tmpPosHighlight.push(textContent[pos].posKey);
 				}
@@ -195,30 +186,16 @@ export default function PDFViewer({
 			justifyContent="center"
 			alignItems="center"
 			width="100%"
-			maxWidth="850px"
+			height="auto"
-			margin="0 auto"
-			sx={{
-				backgroundColor: "#f5f5f5",
-				borderRadius: 2,
-				boxShadow: 2,
-			}}
 		>
 			<Box
 				ref={containerRef}
-				width="100%"
-				// width="700px"
-				height="500px"
 				sx={{
-					backgroundColor: "transparent",
+					width: "100%",
-					border: "none",
+					height: "auto",
-					borderRadius: 0,
-					boxShadow: "none",
-					overflow: "auto",
 					display: "flex",
 					justifyContent: "center",
 					alignItems: "center",
-					marginTop: 2,
-					marginBottom: 2,
 				}}
 			>
 				<Document
@@ -230,10 +207,10 @@ export default function PDFViewer({
 					}
 					onSourceError={(error) => console.error("Ungültige PDF:", error)}
 				>
-					{baseWidth && (
+					{containerWidth && (
 						<Page
 							pageNumber={pageNumber}
-							width={baseWidth * 0.98 * zoomLevel}
+							width={containerWidth * 0.98}
 							customTextRenderer={textRenderer}
 							onGetTextSuccess={onGetTextSuccess}
 						/>
@@ -248,13 +225,6 @@ export default function PDFViewer({
 				gap={1}
 				p={1}
 			>
-				<IconButton
-					disabled={zoomLevel <= 0.3}
-					onClick={() => setZoomLevel((z) => Math.max(0.3, z - 0.1))}
-					title="Verkleinern"
-				>
-					<ZoomOutIcon fontSize="large" />
-				</IconButton>
 				<IconButton
 					disabled={pageNumber <= 1}
 					onClick={() => handlePageChange(pageNumber - 1)}
@@ -270,12 +240,6 @@ export default function PDFViewer({
 				>
 					<ArrowCircleRightIcon fontSize="large" />
 				</IconButton>
-				<IconButton
-					onClick={() => setZoomLevel((z) => Math.min(3, z + 0.1))}
-					title="Vergrößern"
-				>
-					<ZoomInIcon fontSize="large" />
-				</IconButton>
 			</Box>
 		</Box>
 	);

project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx

@@ -256,8 +256,8 @@ function ExtractedResultsPage() {
 				<IconButton onClick={handleBackClick} sx={{ mr: 2 }}>
 					<ArrowBackIcon fontSize="large" sx={{ color: "#383838" }} />
 				</IconButton>
-				<Typography variant="h5">
+				<Typography variant="h5" fontWeight="bold">
-					Überprüfung der Kennzahl: <b><u>{kpi}</u></b>
+					Überprüfung der Kennzahl: {kpi}
 				</Typography>
 			</Box>