From 9b0e336a12e7335ecab3f2cc015f27d970b2e9d6 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Mon, 25 Jul 2022 22:06:00 +0100
Subject: [PATCH] fix(client): why the hell are there two setComments

i reckon it's something to do with pbs not having comments but like.
why the hell did i make this?
---
 .../src/components/sessions/SessionRaiseBreakdown.tsx |  7 ++++++-
 .../tables/dropdowns/components/DocumentComponent.tsx | 11 ++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/src/components/sessions/SessionRaiseBreakdown.tsx b/client/src/components/sessions/SessionRaiseBreakdown.tsx
index 3efd28d01..feccdbc57 100644
--- a/client/src/components/sessions/SessionRaiseBreakdown.tsx
+++ b/client/src/components/sessions/SessionRaiseBreakdown.tsx
@@ -556,7 +556,12 @@ function PseudHighlight({
 				/>
 			) : (
 				<span className="breakdown-hover-highlight-button">
-					<Icon onClick={() => setHighlight(true)} type="star" regular noPad />
+					<Icon
+						onClick={() => setHighlight(true)}
+						type="star"
+						regular
+						style={{ paddingTop: "0.1rem" }}
+					/>
 				</span>
 			)}
 		</td>
diff --git a/client/src/components/tables/dropdowns/components/DocumentComponent.tsx b/client/src/components/tables/dropdowns/components/DocumentComponent.tsx
index c3adb0a7b..f3b04ce2b 100644
--- a/client/src/components/tables/dropdowns/components/DocumentComponent.tsx
+++ b/client/src/components/tables/dropdowns/components/DocumentComponent.tsx
@@ -66,7 +66,11 @@ export default function DocumentComponent({
 	chart,
 }: {
 	score: ScoreDocument | PBScoreDocument;
-	scoreState: { highlight: boolean; setHighlight: SetState<boolean> };
+	scoreState: {
+		highlight: boolean;
+		setHighlight: SetState<boolean>;
+		setComment?: SetState<string | null>;
+	};
 	renderScoreInfo?: boolean;
 	showSingleScoreNote?: boolean;
 	pbData: UGPTChartPBComposition;
@@ -88,6 +92,11 @@ export default function DocumentComponent({
 		setComment(IsScore(score) ? score.comment : null);
 	}, [score]);
 
+	useEffect(() => {
+		// what kind of crack was i smoking here?
+		scoreState.setComment?.(comment);
+	}, [comment]);
+
 	return (
 		<>
 			<div className="col-9">