a little bit of this a little bit of that

back/src/app.module.ts

@@ -15,6 +15,7 @@ import { AlbumModule } from './album/album.module';
 import { SearchModule } from './search/search.module';
 import { HistoryModule } from './history/history.module';
 import { MailerModule } from '@nestjs-modules/mailer';
+import { ScoresModule } from './scores/scores.module';
 
 @Module({
 	imports: [
@@ -29,6 +30,7 @@ import { MailerModule } from '@nestjs-modules/mailer';
 		SearchModule,
 		SettingsModule,
 		HistoryModule,
+        ScoresModule,
 		MailerModule.forRoot({
 			transport: process.env.SMTP_TRANSPORT,
 			defaults: {

back/src/scores/scores.controller.ts

@@ -13,7 +13,7 @@ export class ScoresController {
 
 
 	@ApiOkResponse({ description: 'Successfully sent the Top 20 players'})
-	@Get('scores/top/20')
+	@Get('top/20')
 	getTopTwenty(): Promise<User[]> {
 		return this.scoresService.topTwenty();
 	}

back/src/scores/scores.service.ts

@@ -11,7 +11,7 @@ export class ScoresService {
 	async topTwenty(): Promise<User[]> {
 		return this.prisma.user.findMany({
 			orderBy: {
-				partyPlayed: 'desc',
+				totalScore: 'desc',
 			},
 			take: 20,
 		});

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;