Removed old code from HomeView and auto format some files

front/components/PartitionView.tsx

@@ -55,9 +55,7 @@ const PartitionView = (props: PartitionViewProps) => {
 
 	useEffect(() => {
 		const _osmd = new OSMD(OSMD_DIV_ID, options);
-		Promise.all([
-			_osmd.load(props.file),
-		]).then(() => {
+		Promise.all([_osmd.load(props.file)]).then(() => {
 			_osmd.render();
 			_osmd.cursor.show();
 			const bpm = _osmd.Sheet.HasBPMInfo ? _osmd.Sheet.getExpressionsStartTempoInBPM() : 60;
@@ -79,8 +77,14 @@ const PartitionView = (props: PartitionViewProps) => {
 					.NotesUnderCursor()
 					.sort((n1, n2) => n1.Length.CompareTo(n2.Length))
 					.at(0);
-				const ts = timestampToMs(shortestNotes?.getAbsoluteTimestamp() ?? new Fraction(-1), wholeNoteLength);
-				const sNL = timestampToMs(shortestNotes?.Length ?? new Fraction(-1), wholeNoteLength);
+				const ts = timestampToMs(
+					shortestNotes?.getAbsoluteTimestamp() ?? new Fraction(-1),
+					wholeNoteLength
+				);
+				const sNL = timestampToMs(
+					shortestNotes?.Length ?? new Fraction(-1),
+					wholeNoteLength
+				);
 				curPos.push({
 					offset: _osmd.cursor.cursorElement.offsetLeft,
 					notes: notesToPlay,
@@ -89,7 +93,7 @@ const PartitionView = (props: PartitionViewProps) => {
 						ts,
 						sNL,
 						isRest: shortestNotes?.isRest(),
-					}
+					},
 				});
 				_osmd.cursor.next();
 			}

front/components/PartitionVisualizer/PhaserCanvas.tsx

@@ -14,7 +14,7 @@ let globalStatus: 'playing' | 'paused' | 'stopped' = 'playing';
 
 const isValidSoundPlayer = (soundPlayer: SplendidGrandPiano | undefined) => {
 	return soundPlayer && soundPlayer.loaded;
-}
+};
 
 const playNotes = (notes: any[], soundPlayer: SplendidGrandPiano) => {
 	notes.forEach(({ note, duration }) => {
@@ -111,7 +111,12 @@ export type PhaserCanvasProps = {
 	timestamp: number;
 };
 
-const PhaserCanvas = ({ partitionB64, cursorPositions, onEndReached, timestamp }: PhaserCanvasProps) => {
+const PhaserCanvas = ({
+	partitionB64,
+	cursorPositions,
+	onEndReached,
+	timestamp,
+}: PhaserCanvasProps) => {
 	const colorScheme = useColorScheme();
 	const dispatch = useDispatch();
 	const soundPlayer = useSelector((state: RootState) => state.soundPlayer.soundPlayer);
@@ -160,7 +165,7 @@ const PhaserCanvas = ({ partitionB64, cursorPositions, onEndReached, timestamp }
 				// currently the condition is always false
 				game.destroy(true);
 			}
-		}
+		};
 	}, [soundPlayer]);
 
 	return <div id="phaser-canvas"></div>;

front/views/HomeView.tsx

@@ -11,14 +11,8 @@ import Translate from '../components/Translate';
 import TextButton from '../components/TextButton';
 import Song from '../models/Song';
 import { FontAwesome5 } from '@expo/vector-icons';
-import PhaserCanvas from '../components/PartitionVisualizer/PhaserCanvas';
-
-const b64data =
-	'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAGKDAGaAAAFgUlEQVRYw7WXa2wUVRTH/20p7fZBW0p5iAplaUELCqEFlUCMYKwJKMYgaEwIUpQYNCIWRYgvQtTS6AeiKEqIQDBIAEFAEEm1DUVUoIqPVqhCC/IoammhC9vt/vywM7szu7NLLfHMl7n3nP/533vuPefMSHap8wNIoG57pxIYSErZDyCgB8qogTYUeKT+v2C+SlLanqA3v4EBwSdAasAI4CUUcA7wRsiBMbDIjQDQd4M0ogimtkrbMWSgAVzibUIouTIwfc4kJaVIkpT+PTxLiGplkHCo6Wq+uSOydlrYl3jD1xOSAQ5zdzcA1CJJK/ygOEk91kIhAMsQmeMDq9MRg7ojGExIINkrOAm8D4DHSg9QwiQApiDmeQzFWaDE2LUQ4DXjedimsAQaShgbqXj4NM4ISZpmVeTbdt6vGISrWtElfs76Fuig9+9hij7qFjbTs6GecEnxSdKa4DjbK0nFrzWFTI4yE/jVsvDsMaauP0JxX0ARviBgOg0A3GnZaVpO4N3llZRYYZrez8dhC/KRxrBVYSt37TPVgSh6GQN8FFxSQPLOqbsBSP3Wy2gLwJIRQcC91mPIOGyaTaTKARBxbllH7EtqZkJsgCRlvrTbF21JQiS3KN7pkFNH/BMOiJ+nq8vQTTNI8ChZnZabXJs7bxzf9zjAO/8kTLfNxynXwTpze6PlnG8/o16B+fzTfqCRgq1W62nXtYff1X1orjRiqzn2M8TgySlqAFjNuqDxFdIRKpWeag/Vo7zfJWXXei1ep3AaKDYDWypNvhLQnETk1+kWf/hC3iUrdGil0i3lAE8iRM/r1cpm3g0aNzAdgB8sACnvm8Bo0AuSLgLwKMeBQjosTEuCAJu0BSPgjsjo5WS0KyUM4Amqf6aO2cFRPUKU0cLAOhvgsgUAUM4u/PQz9lAGwC5/75eDgFlhAHuxKzNmynGtMwDtvMWOmIBahEjbYAACBWYCzY6A18kx3jI2WXolQJvRKMLqb6g5bbO0AnMPlbwSFdBrpwMA4FkOOwJ6mw08q/J8jChZnhtCR9HdfTo2IP6JyGQrfKbVGZBeETWdB723PwzQ/ZISr1IDchs9IcCtnasbWWMvCC3SNUhm2ophJ2raq9pyjycvjbju1yTje/604IzHllMXmH0256BGRBoPTipaO/jv4ktTPaNaC+rd02I5dqUsdTdUXiaGfOYbdKbPi2bnLkjLO3cszGJx+00fRLoemXlg1qkLVDOOxVyM6v4MM4kLlpQh6cObI22OIcatNh0nJj3X/8S2S3aTFhZwJ9/Z5raTZ71npZKUOWVxhPtDuBD5jZI7c+8DJ8/Giga7GcObzCMxMkFKJWlUYm6ztU0cYbihH7lccbv3cw9z+Tuq+yrG8gptNDGHBEcCSXGDjz7NDG6zWQyYLylhTyDSl1nK7VRYHLfxKmOpjCDcaH5dR5T1obPddekel9f95/BPs/ubwa+wB76acTzPRJ6hOWbYGnkEEb/wqlc96eu2CHAJ1cznLg5Fdf8lBQjxBqv87qbcx2MQJFd5HAjMyrSD0bxN6ABbWUiSQ9f4jQnNA7epjwNBSvWVGATmrX+M+xjjUGbLbHbtLLvU7w/dYf/0OrCV0ZTjjUEQ/WOxzJYh+QiRut5GkP6dz/jBms0kartA0ByWIekbbQQ9DnXYHG2gkIJOE7gc5jK32AgyavwOZ/A504N/AjG/px2entvtxf5Hoh5yByspZMN/JMjZbQ/RwRrf1W5RLZMY3Pkd7Ii8q5N71y9rae/CLbI/PY5qfKyk7ttvy13nj3aBIN6XslwZnW2TcX1KMlre8vk7RZB6QsVd7ccD3dUPXTwVhSCuI+lD80fi2iQhb1H+X5ssBEmn9KD+B7k54yut0XX/HfgvpUkmTvPggOsAAAAASUVORK5CYII=';
-
 
 const HomeView = () => {
-	// return <PhaserCanvas partitionB64={b64data} />;
 	const navigation = useNavigation();
 	const userQuery = useQuery(API.getUserInfo);
 	const playHistoryQuery = useQuery(API.getUserPlayHistory);