From 454835338fb32583a2e9940cbee6877306ef0c0a Mon Sep 17 00:00:00 2001
From: Arthur Jamet <arthur.jamet@gmail.com>
Date: Sat, 2 Dec 2023 08:18:12 +0100
Subject: [PATCH] Front: Fix some mistakes

---
 docker-compose.dev.yml          | 2 +-
 front/components/ScoreModal.tsx | 4 ++--
 front/views/PlayView.tsx        | 7 ++++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
index 0c9dd43..6d9daa5 100644
--- a/docker-compose.dev.yml
+++ b/docker-compose.dev.yml
@@ -7,7 +7,7 @@ volumes:
 
 services:
   back:
-    #platform: linux/amd64
+    platform: linux/amd64
     build:
       context: ./back
       dockerfile: Dockerfile.dev
diff --git a/front/components/ScoreModal.tsx b/front/components/ScoreModal.tsx
index 4fdf6ba..7e3ca54 100644
--- a/front/components/ScoreModal.tsx
+++ b/front/components/ScoreModal.tsx
@@ -50,7 +50,7 @@ const ScoreModal = (props: ScoreModalProps) => {
 		wrong: [props.score.wrong, 'error']
 	} as const
 
-	return <Column space={4} style={{ alignItems: 'center' }}>
+	return <Column w='xl' space={4} style={{ alignItems: 'center' }}>
 		<Row space={2} style={{ justifyContent: 'center' }}>
 			{[1, 2, 3].map((index) => (
 				<Star1
@@ -80,7 +80,7 @@ const ScoreModal = (props: ScoreModalProps) => {
 				</Column>
 			))}
 		</Row>
-		<Row style={{ justifyContent: 'space-between' }}>
+		<Row w="100%" style={{ justifyContent: 'space-between' }}>
 			<ButtonBase
 				style={{}}
 				icon={Play}
diff --git a/front/views/PlayView.tsx b/front/views/PlayView.tsx
index 0c364e3..786eaf2 100644
--- a/front/views/PlayView.tsx
+++ b/front/views/PlayView.tsx
@@ -89,7 +89,7 @@ const PlayView = ({ songId, route }: RouteProps<PlayViewProps>) => {
 	const [paused, setPause] = useState<boolean>(true);
 	const stopwatch = useStopwatch();
 	const [time, setTime] = useState(0);
-	const [endResult, setEndResult] = useState();
+	const [endResult, setEndResult] = useState<unknown>();
 	const songHistory = useQuery(API.getSongHistory(songId));
 	const [partitionRendered, setPartitionRendered] = useState(false); // Used to know when partitionview can render
 	const [score, setScore] = useState(0); // Between 0 and 100
@@ -336,12 +336,13 @@ const PlayView = ({ songId, route }: RouteProps<PlayViewProps>) => {
 					<PopupCC
 						isVisible={endResult != undefined}
 					>{
-						(() => endResult ? <ScoreModal {...endResult}/> : <></>)()
+						// eslint-disable-next-line @typescript-eslint/no-explicit-any
+						(() => endResult ? <ScoreModal {...endResult as any}/> : <></>)()
 					}</PopupCC>
 					<PopupCC
 						title={translate('selectPlayMode')}
 						description={translate('selectPlayModeExplaination')}
-						isVisible={false}
+						isVisible={type === undefined}
 						setIsVisible={
 							navigation.canGoBack()
 								? (isVisible) => {