a little bit of this a little bit of that

front/components/V2/SearchBar.tsx

@@ -5,6 +5,8 @@ import ButtonBase from "../UI/ButtonBase";
 import Artist from "../../models/Artist";
 import Song from "../../models/Song";
 import { AddSquare } from 'iconsax-react-native';
+import { useQuery } from "../../Queries";
+import API from "../../API";
 
 const artistsDummy = [
 	{
@@ -44,8 +46,12 @@ const genreDummy = [
 	},
 ];
 
+type SearchBarComponentProps = {
+	query: string;
+};
 
-const SearchBarComponent = () => {
+
+const SearchBarComponent = (props: SearchBarComponentProps) => {
 	const [isTriggered, setIsTriggered] = React.useState(false);
 	const [genre, setGenre] = React.useState('')
 	const [query, setQuery] = React.useState('')

front/models/User.ts

@@ -51,6 +51,7 @@ interface User extends Model {
 interface UserData {
 	gamesPlayed: number;
 	xp: number;
+    totalScore: number;
 	avatar: string;
 	createdAt: Date;
 }

front/views/V2/SearchView.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { View } from "react-native";
+import SearchBarComponent from "../../components/V2/SearchBar";
+
+// search with all parameters from search bar function
+
+// return to search bar auto completion thing
+
+const SearchView = () => {
+	return (
+		<View style={{ display: 'flex', flexDirection: 'column', padding: 3 }} >
+			<SearchBarComponent query={"undefined"} />
+		</View>
+	)
+}
+
+export default SearchView;