Front: Use native spinner

front/components/loading.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from "@react-navigation/native";
-import Spinner from 'react-native-loading-spinner-overlay';
+import { ActivityIndicator } from "react-native-paper";
 const LoadingComponent = () => {
-	return <Spinner	visible={true} />
+	return <ActivityIndicator />
 }
 
 export default LoadingComponent;

front/package.json

@@ -30,7 +30,6 @@
     "react-dom": "17.0.2",
     "react-i18next": "^11.18.3",
     "react-native": "0.68.2",
-    "react-native-loading-spinner-overlay": "^3.0.1",
     "react-native-paper": "^4.12.2",
     "react-native-safe-area-context": "4.2.4",
     "react-native-screens": "~3.11.1",

front/views/SongLobbyView.tsx

@@ -14,8 +14,12 @@ const SongLobbyView = () => {
 	const route = useRoute();
 	const props: SongLobbyProps = route.params as any;
 	const { isLoading, isError, data } = useQuery(['song', props.songId], API.getSong(props.songId))
+	if (isLoading)
+		return <View style={{ flexGrow: 1, justifyContent: 'center' }}>
+			<LoadingComponent/>
+		</View>
 	return <View>
-		{ isLoading && <LoadingComponent/> }
+		
 		<Text>
 			{props.songId}
 		</Text>

front/yarn.lock

@@ -7010,11 +7010,6 @@ react-native-iphone-x-helper@^1.3.1:
   resolved "https://registry.yarnpkg.com/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.3.1.tgz#20c603e9a0e765fd6f97396638bdeb0e5a60b010"
   integrity sha512-HOf0jzRnq2/aFUcdCJ9w9JGzN3gdEg0zFE4FyYlp4jtidqU03D5X7ZegGKfT1EWteR0gPBGp9ye5T5FvSWi9Yg==
 
-react-native-loading-spinner-overlay@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/react-native-loading-spinner-overlay/-/react-native-loading-spinner-overlay-3.0.1.tgz#092481b8cce157d3af5ef942f845ad981f96bd36"
-  integrity sha512-4GdR54HQnKg2HPSSisVizfTLuyhSh4splY9eb8mKiYF1Ihjn/5EmdNo5bN3S7uKPFRC3WLzIZIouX6G6fXfnjw==
-
 react-native-paper@^4.12.2:
   version "4.12.2"
   resolved "https://registry.yarnpkg.com/react-native-paper/-/react-native-paper-4.12.2.tgz#31ed8011afd994d54dd403ed0099295fc1616d26"