From 82f02c0772a08be5d414163b21294be7b87ce5b4 Mon Sep 17 00:00:00 2001
From: s8613 <s86136@bht-berlin.de>
Date: Tue, 24 Jun 2025 11:40:04 +0200
Subject: [PATCH] Fixed page highlighting in multiple kpis details page.

---
 project/frontend/public/favicon.ico           | Bin 0 -> 16398 bytes
 .../extractedResult_.$pitchBook.$kpi.tsx      |  27 ++++++++++++++----
 2 files changed, 21 insertions(+), 6 deletions(-)
 create mode 100644 project/frontend/public/favicon.ico

diff --git a/project/frontend/public/favicon.ico b/project/frontend/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df1c62acb26f75bee1ac035dddb6497091e77921
GIT binary patch
literal 16398
zcmeHNX>gU*89qq}ief?8D+(1+8MH)ns<K$CAmTRT#t&=-#btD?I83#;QmqRLYO9PR
z>Sz^fDdmPmHc^&97P7Boxi|MFB)Qr5Ko+vReV%jf2cLHmgXMZBcc$OWbI*C-bI$ud
zXZgN+Hl@N;gc>_mAsnk#4pHhiN~wtxjl6!iQhT9`it@>mm3s7-N?nFLD59W7Ib_DO
z82S2s)<!B7{b!{d@qiO30*b@J9Hrsm(O#fDJls)Xz<9KmY0Trx%Q7fS8?<GA91~2Q
z??tI?z!o1iBRmyY`B|1WG`9)H!-fdRc}g9CKALH#3EH47+NABx4=c3?GC6Dt5NL}w
zX?yEtrM^RaYk;9`Zc=Ld0pn{2><1F$zavJe-Em6AAWnb8?f}JUleYI^OvNF-FTjYC
zurS&_n5a||Y{vrZclx!${XY31LZ&l~I?Bw$(4L=hD{m6)({^HtQt8kilJVoyWy+LH
zx!{6yx#*${nKv&_F26hrY4I9Ur)J5$_c~?Fm^7I<F+-P$iprMr&rg?|ZpxF(F3Xhj
z&P&yL+Kh-uN>(a0O{pB{lI6)KOJ&ohMv0F<Du)golLH5iN>)~zeE4Ct%$@6$)YMja
z<rOdDg%TTkR9=0xLbhyalwG@;<l~QPB{A`sJpFVTY_UCZBs@GV6(Q_9wX9SY>X0vQ
zy;UPlXS-Z@VFC1Ml9tvk+1YK{-)pZ`$;OS1lAhisd?rsWkQ;CG$chz}l9SU0`xPj|
zx;bHA+lKvO$h1Y|0lBhZLAeYc?vhcXoKjxiDGxkQAzysa1l!H1XO-;VPp;LnW=#Xy
z)FU5#RF68hNmLYV(MB=sJHfvQ@Io%~!Gq8(FTY$b$;oZv@pQ`TuQx#FLVJ49zAW#S
zjEoNX#V?9w$PkZ2Mi$AqaV0W%Fm1R2hF;_^Lf?AP2Q`q{ZYMEzY=vBWaiyGnHhmxQ
zrIjKi%4FzJFUAM+8`*?bocbE3Cn;5RNU0{sReq?1%(i6cpGLVay_L5K_Nx+<s>eIl
ziv0BfhPDaY%|It?w*bun0&QuVvEaU6DS_PP1N{afu5IpB>iE~j{&Cn1BxwKmS4wr=
zYV1?)4iIRI=$dc-BW3GJA6D9Fhg(km!%HOWM+eXcZNaAhBeS4ijduD6LiP*sFQs}m
zAp8%o(FW?)16Dqi>3$pXOn<9Cr_6cSMBoO%nuq;mID~$mjaOq1@*d_i-y=*?YGW1=
z78ZRNbFhMl2!|^oBDxT8`vE$Ki+PyWDranHTd+yneLdftg}i7x&b4*{48H;F^Al@6
z)?a8ZLmPIR^g&<t=lwI_8}rCm<fZM?oy+xAp0??OzIMQ;^*BB<bB#dEBm44g>FI;>
z8v5k3X`-p~cIW~%&+N|*eX%X*d+VRfJdu6YU%v(_oxV7ar0;EOO`KySn4te{=!2dA
zHgn9Kkb{YR@V5issc-S^;+&H6=U{?9>3fgEjK{r@*(SjNeQ_R6-!WJRB|_#LI+#d=
zfBKI526Ji6$Fu{#4+jDN(9%)Q_t#3d)&rJoPovICx5_h}NQHm;KD5Kki`fQ;dPR76
zBIcY-w`?<CoD3S2D3c~-V1CMZyHz#;@p#NLlXW<9WU8-h0{mG%7-m3E-zndkbp+cW
zQLh(DN;)ua_sY6;b@I+TmD1kcEe#D_m@~Iyol=N=adO8UF3HPllYRS|<&#fpWcu`6
zDJ*P9S_;-84dQS#$b0WqVja?o`FpLnT<tP#TCVnC+B*mSQ+I*KZZrSSL|U3$dTBn^
zD&_L&r*)E_-!8j%x5)PG&2rs!x$^G2HF|Av=bdi7Hu(JWI;=4Y<mQ`Q;Ny|b&K_C6
zzCkJ~I%UFy9O>#3dGW;xnK{#`%SA<Toxyt2R{{KIq3+q=nYsO8=!k3}P3F%p#(Kkx
z^+20^_8I5MDH=O>w#dPQ$E3QtQ@;MX3G0a}>FE(!wW>y{syekF>bNeOKD|&@uB<^D
z)@uC~SFr7}0Qzym|6$ZU5B|AMu+~BOzBt<|M;?E?3Vl+BIC<ruO*-^?X!-JLNl9sy
zwQK9p#_cj^PN~$?bm_3QwFm7{hBhn4I;jqA(geO;GHjR=Hu3=aIs*UssJ|N=ypY{~
zAlE{fF{4bLc%n+4eYQrg_gIl>(@Kz*kF{yJJp6EtoOxy;*0UwLj**dWtZ|Fw+H1X7
z#}&!__gBkfkJZSz=N6%i%jSdYC=dGo2*CDY8`#11SdqN>W|I^YbYhL#AzyxZ6l*KC
z1=n&+XJ{~avKQl|6@IvuVqNIZ%45lP`_=GYg7IGluz%SGy@B>vUkj9b%ST?!!?3q>
ze_cJ^$MS7TRb!6cj52HkuHAwG`f7&%O3dYJu~)>kQyownB+yqY{MTZ>--!PpuCE${
z4DA!XTYw(;ZV58zvl+fy|B1B;;#|A3AA$k;qR-ZKX!{RLobAyOB+wWAAOAbB$i%xL
zb8R0C&=>u8{T|`jSRXbRxu+*^YjOJM4fH|ZJ@v*n*8qb3VCpn{=_h1MABfOy8$Rt%
zH|F6#i_hM8W8U4{Ba6V{$j`{52(};S&GQd+@;l`FBd{EJ)u8*Y2wy{=zKQTH;B8=)
z4UoH6LVg`!UX<%*S=x9Kxc-Me28P6aiYQ<)aAKcgGK8P>Y#58Z1-wfR)Zg(5fHl5j
zJAt#JoxpDFP3#>sDEdHTq$4gea#MU{<mLo~haw}R69*4AVBF|*8uB>eScYY3gSITY
zJ|FZ2pY%-*KlRys1<GO#;^;VeM#8l*;lCE;K88QIj_nQp`6&C_v;6Ep8bJ=^vhmla
zRtpEl)^3#B2hcv({M=h096^HRkG{!)T*%3R@!$7@Ju37Y&puejfp1c<`1b1uT*xUN
zX9$i@d#}O9r_4Hx=a&PDJNfuHky{)P4X*YldbFt@$6NG3YIpLsf!xTEeL>FF6aB7P
zoA<ZBHBi#I<|k)98wTUtw+eeM(6N6)0h%i~llvCz9kWmP-RkX|HxPB!H+Iui`2OB!
z&Z(*6xC#Z3>v!aOFWUVvvp2^*N~>N2JtWsXz>Y@%+z;80IL8$Ap#X9v=UvZ&H|BAC
zpV=S$j|&BmD>;+<_s^OC1oj8-(lCvof83Jo>6R|o`N@_4W8}W)MWwj6$vMW}5COR+
zU@k%KF)PgdiWulPra}SangssjegN}L?t#Vv98;kHa!tWLc`UfczhUm<aNfx=6$&8N
zbnNdZU`?5THD?y&M8MkXw?fvF;QPUTVcl5P-bYNQo_VZt45{<aM?LdXZ{@dStNpAp
zEYCE;ZkKU#%>w^KtkF`iR?dOUa|xbToW$LCyX2mGT-du!lO;<$xXY7+bAT*)=pm0R
zUhI)Yi#)h9RUo5Br=cAE(>CoS=zCGmJy(jo_*!}Y{Ytt1`dpnpcW%Bs_@GD5ID=z0
z9{bq2vV3`oTyja4j2Mw7Z@f{CefbL9$;yx$Zpf3n?s6gDNlqqCA35Mp?x~o^<v}Kg
zR3B(NS?_!E=jyBTbbQU4YI)|FvJ-lHWW$Df+zn#+1mw>>k+f$|lfEa#a~6)-w6tS7
zjq#~db9B5D#|v}jIB~9l0|z|m=|{!wZr5?%%QBqF$>K+@d1!--)j0FO`M(n~&ptAI
zNJp3^+qN}f@4QK_ys|*sTD7W5-v^_xY?)VP&B{Yx6yv<d_~IQh`r_FLpCLnNlj9@_
zZAIIul9XilPnwh~EiK(T-?(vEvT$LsjxShHgnTi$?`GN{CZ+{4xs#K{k9M8pkG9YL
zo7vaThRz?x=T%p^wCxW*sFkHl%XNIlj6&pRKeA2IPux$NJGV&6%8u){%*<@X`BaB)
z|Mc`$j6vR~YtrS}AADxdc56H1$LH#^FzUYgst$MJsu;yN7~6#0`HtH8xxqgN{10QV
zvlwX{pNIXx_aYnTGx@mh=0$%yaqeNxx^BCTXBM={G8uRmyxQNgWtEbf+m5rj9=ZMY
zBS4Y7@ItjtTe`GTpZQSWSs0(`)5)LhWVp?ncSN3lzFJ;-$&`tWJ%%*PkHwE%i@`q^
zV<#W&&-0A}fM-;_f$s<HXW?Blc4yBff7)YO7S553e&ND$dE}7_&29PeD!Jwwm%iIa
z#puyaockTsX(L8BQO^z?pFNxHm#u9tSyGOBkxqH^QDbAxntG(M9qGs7My@5`Ux4;6
z1b;7Njt9Q${efj!f6E^4Y?`r4GE=6QzFe`Q7Uzzd9>!CrK7V6<c_)!iSeO&%V@{l%
z9@lpZhYoe>voxMfTF>UqN9CMz$cH}dyvWrH{x0x$qYo+}^Sq0F`C}-QTW+bq*<cgC
ziH*1i+KBPlYPplus~b_CerSW=1h>BLXmpfal9_4Re9Rcu)9Av(Jv_71>1@Yg!;0{}
zQ)W83`g5aP3H}~@e~RBR_a!+VX!FP5#<$tLe<w&IlAPQj_uW^GvgFP0hh>9tJ3Kg}
zHSIrY6vr%iSn2jMz3HuVhU8j<Iv&B^ZYjVqRtA*zgAzIGtWp^{(u@BZFaFoc&~7Ya
z*(N8u4a#<13C2U2E*BQYeD*X;_Sf0%S#ff$2mez1|9XKY$mIavgHr*^+i@yotUOjZ
zOa5QN3ixlr{H+Z0pGxe#w?Gc&IVs<_(*e1*fPV$%pH;7zv%MPVIEF(3wcy!``G3s{
zoDaXO6z3Rx2kJru<k}AYwOD^OK5xzz`3^LM2*|Y)XvF%r8Eg1%#Q6?T9||B>a&83o
zqktgJc?R{N0CFW~a&KK`;%$(r4+W4b`L{lW`vr?k{5WLlLjmMU{%wE2dwi>jb3Ao~
z2*{QE+vg#?5brY1H7N6)4h3kgT^K*-n=_2AL|-4E9$l!zKnMAEB^d7fm3s_->e)9v
z0~FS{Ay2vcB!69pOkW**V@c;>zJUZEw;piyf8-(?*MV3EJEvdyvp2F_YpcURYIi%A
zYkKEyY56^p0|T%g`@!h~i)H^I@72gUpcKFz3c>d(XzxNde6<5bz~{iM{`vNmL&8uV
z^_EM3D~&DM)0mC$xA@P%y`;{Y5T6V1KjjvD-{vE<LCes~&A=SsMwGb$A=`;|Xmch&
SAD05YZ+l<7{;wYhE%0AMJ0>mw

literal 0
HcmV?d00001

diff --git a/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx b/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx
index 1f2abef..69e226c 100644
--- a/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx
+++ b/project/frontend/src/routes/extractedResult_.$pitchBook.$kpi.tsx
@@ -68,6 +68,7 @@ function ExtractedResultsPage() {
 	const [customValue, setCustomValue] = useState("");
 	const [customPage, setCustomPage] = useState("");
 	const [editingCustomPage, setEditingCustomPage] = useState(false);
+	const [focusHighlightOverride, setFocusHighlightOverride] = useState<{ page: number; text: string } | null>(null);
 
 	const originalValue = kpiValues[0]?.entity || "";
 	const originalPage = kpiValues[0]?.page || 0;
@@ -102,6 +103,11 @@ function ExtractedResultsPage() {
 	// Um zu prüfen, ob der Wert nur aus Leerzeichen besteht
 	const isSelectedValueEmpty = selectedIndex === -1 ? customValue.trim() === "" : !selectedValue;
 
+	const focusHighlight = focusHighlightOverride || {
+		page: groupedKpiValues.at(selectedIndex)?.pages[0] || -1,
+		text: groupedKpiValues.at(selectedIndex)?.entity || "",
+	};
+
 	useEffect(() => {
 		const valueChanged = selectedValue !== originalValue;
 		const pageChanged = selectedPage !== originalPage;
@@ -159,12 +165,14 @@ function ExtractedResultsPage() {
 		const value = event.target.value;
 		if (value === "custom") {
 			setSelectedIndex(-1);
+			setFocusHighlightOverride(null);
 		} else {
 			const index = Number.parseInt(value);
 			setSelectedIndex(index);
 			setCurrentPage(groupedKpiValues[index].pages[0]);
 			setCustomValue("");
 			setCustomPage("");
+			setFocusHighlightOverride(null);
 		}
 	};
 
@@ -174,7 +182,7 @@ function ExtractedResultsPage() {
 		const value = event.target.value;
 		setCustomValue(value);
 		setSelectedIndex(-1);
-	};
+		setFocusHighlightOverride(null);
 
 	const handleCustomPageChange = (
 		event: React.ChangeEvent<HTMLInputElement>,
@@ -191,6 +199,15 @@ function ExtractedResultsPage() {
 		setSelectedIndex(index);
 		setCustomValue("");
 		setCustomPage("");
+		setFocusHighlightOverride(null);
+	};
+
+	const handlePageClick = (page: number, entity: string) => {
+		setCurrentPage(page);
+		setFocusHighlightOverride({
+			page: page,
+			text: entity,
+		});
 	};
 
 	const handleBackClick = () => {
@@ -325,7 +342,7 @@ function ExtractedResultsPage() {
 													component="button"
 													onClick={(e: React.MouseEvent) => {
 														e.stopPropagation();
-														setCurrentPage(page);
+														handlePageClick(page, item.entity);
 													}}
 													sx={{ cursor: "pointer", ml: i > 0 ? 1 : 0 }}
 												>
@@ -351,6 +368,7 @@ function ExtractedResultsPage() {
 											}}
 											onClick={() => {
 												setSelectedIndex(-1);
+												setFocusHighlightOverride(null);
 											}}
 										>
 											<Radio
@@ -479,10 +497,7 @@ function ExtractedResultsPage() {
 							highlight={groupedKpiValues
 								.map((k) => k.pages.map((page: number) => ({ page, text: k.entity })))
 								.reduce((acc, val) => acc.concat(val), [])}
-							focusHighlight={{
-								page: groupedKpiValues.at(selectedIndex)?.pages[0] || -1,
-								text: groupedKpiValues.at(selectedIndex)?.entity || "",
-							}}
+							focusHighlight={focusHighlight}
 						/>
 					</Paper>
 					<Box mt={2} display="flex" justifyContent="flex-end" gap={2}>