From 4bb5a11fffe95609a95cfd03db160fcec87f61ba Mon Sep 17 00:00:00 2001 From: mathysPaul Date: Fri, 3 Nov 2023 18:11:43 +0100 Subject: [PATCH] [INIT] MusicList component: start (push to dev in another computer) --- front/components/UI/MusicItem.tsx | 4 +- front/components/UI/MusicList.tsx | 69 +++++++++++ front/components/UI/ScaffoldMobileCC.tsx | 1 + front/views/MusicView.tsx | 147 ++++++++++++++++++++++- 4 files changed, 217 insertions(+), 4 deletions(-) create mode 100644 front/components/UI/MusicList.tsx diff --git a/front/components/UI/MusicItem.tsx b/front/components/UI/MusicItem.tsx index 1e3f3b8..481979d 100644 --- a/front/components/UI/MusicItem.tsx +++ b/front/components/UI/MusicItem.tsx @@ -11,7 +11,7 @@ import { useTranslation } from 'react-i18next'; /** * Props for the MusicItem component. */ -interface MusicItemProps { +export interface MusicItemType { /** The artist's name. */ artist: string; @@ -90,7 +90,7 @@ function useNumberFormatter() { * - The number formatting for `level`, `lastScore`, and `bestScore` adapts automatically based on the user's language preference using the i18n module. * - Given its optimized performance characteristics, this component is suitable for rendering in lists with potentially hundreds of items. */ -function MusicItemComponent(props: MusicItemProps) { +function MusicItemComponent(props: MusicItemType) { // Accessing theme colors and breakpoint values for responsive design const { colors } = useTheme(); const screenSize = useBreakpointValue({ base: 'small', md: 'md', xl: 'xl' }); diff --git a/front/components/UI/MusicList.tsx b/front/components/UI/MusicList.tsx new file mode 100644 index 0000000..c4baa12 --- /dev/null +++ b/front/components/UI/MusicList.tsx @@ -0,0 +1,69 @@ +import { FlatList, View } from "native-base"; +import MusicItem, { MusicItemType } from "./MusicItem"; +import IconButton from "./IconButton"; +import React, { useState } from "react"; +import { ActivityIndicator } from "react-native"; +import { ArrowCircleDown, ArrowDown } from "iconsax-react-native"; +import { StyleSheet } from 'react-native'; + +type MusicListProps = { + musics: MusicItemType[]; +} + +const MusicList: React.FC = ({musics}) => { + const [musicData, setMusicData] = useState(musics); + const [loading, setLoading] = useState(false); + + // Supposons que vous ayez une fonction pour charger plus de données (simulée ici avec un setTimeout). + const loadMoreMusicItems = () => { + if (!loading) { + setLoading(true); + setTimeout(() => { + const moreItems: MusicItemType[] = [ + // ... ajoutez de nouveaux éléments ici + ]; + setMusicData((currentItems) => [...currentItems, ...moreItems]); + setLoading(false); + }, 2000); // Simule un appel réseau avec un délai de 2 secondes. + } + }; + + return ( + + ( + + )} + keyExtractor={(item) => item.artist + item.song} + ListFooterComponent={() => ( + loading ? : null + )} + /> + + + ); + }; + + const styles = StyleSheet.create({ + container: { + flex: 1, + }, + // Ajoutez d'autres styles si nécessaire. + }); + + export default MusicList; \ No newline at end of file diff --git a/front/components/UI/ScaffoldMobileCC.tsx b/front/components/UI/ScaffoldMobileCC.tsx index e4798c4..8440b48 100644 --- a/front/components/UI/ScaffoldMobileCC.tsx +++ b/front/components/UI/ScaffoldMobileCC.tsx @@ -36,6 +36,7 @@ const ScaffoldMobileCC = (props: ScaffoldMobileCCProps) => { flex: 1, maxHeight: '100%', flexDirection: 'column', + backgroundColor: '#f00', flexShrink: 0, padding: props.widthPadding ? 8 : 0, }} diff --git a/front/views/MusicView.tsx b/front/views/MusicView.tsx index 9f41bdd..9b2f616 100644 --- a/front/views/MusicView.tsx +++ b/front/views/MusicView.tsx @@ -25,6 +25,7 @@ import { RouteProps } from '../Navigation'; import { translate } from '../i18n/i18n'; import ScaffoldCC from '../components/UI/ScaffoldCC'; import MusicItem from '../components/UI/MusicItem'; +import MusicList from '../components/UI/MusicList'; interface MusicItemTitleProps { text: string; @@ -59,6 +60,147 @@ const MusicItemTitle = (props: MusicItemTitleProps) => { ); }; +// Fichier de données fictives, par exemple MusicData.ts +export const fakeMusicData = [ + { + id: '1', + image: 'https://placekitten.com/200/200', + liked: true, + onLike: () => console.log('Liked track 1'), + onPlay: () => console.log('Play track 1'), + level: 3, + lastScore: 100000, + bestScore: 200000, + artist: 'Johann Sebastian Bach', + song: 'Toccata and Fugue in D minor' + }, + { + id: '2', + image: 'https://placekitten.com/200/201', + liked: false, + onLike: () => console.log('Liked track 2'), + onPlay: () => console.log('Play track 2'), + level: 2, + lastScore: 150000, + bestScore: 250000, + artist: 'Wolfgang Amadeus Mozart', + song: 'Eine kleine Nachtmusik' + }, + { + id: '3', + image: 'https://placekitten.com/200/202', + liked: true, + onLike: () => console.log('Liked track 3'), + onPlay: () => console.log('Play track 3'), + level: 5, + lastScore: 200000, + bestScore: 300000, + artist: 'Ludwig van Beethoven', + song: 'Symphony No.5 in C Minor' + }, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:4,lastScore:-6041866,bestScore:1792627,artist:"Cassey Cavnor",song:"Dirty Ho (Lan tou He)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 3'),level:3,lastScore:-2372092,bestScore:-967983,artist:"Addi Rieger",song:"Company Men, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:0,lastScore:-5935902,bestScore:-6940127,artist:"Sarge Croom",song:"Newsies"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:5,lastScore:-3980235,bestScore:-7895014,artist:"Brigg Welsby",song:"Bobby"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:3,lastScore:1621097,bestScore:-6233674,artist:"Tammy Frear",song:"Footprints of a Spirit, The (Huellas de un espíritu)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:2,lastScore:-4299184,bestScore:-495720,artist:"Davide Broschek",song:"Simon Says"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:1,lastScore:767838,bestScore:-8154546,artist:"Steffane Tooker",song:"Deadfall"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:1,lastScore:4664756,bestScore:370710,artist:"Sisile Merriott",song:"Crow, The: Wicked Prayer"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:3,lastScore:6121666,bestScore:-7111438,artist:"Sherri O'Griffin",song:"Japanese Story"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:2,lastScore:-1200469,bestScore:7753495,artist:"Libbi Feige",song:"Climax, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 1'),level:5,lastScore:1809908,bestScore:-2296480,artist:"Merola Helliker",song:"Lady Eve, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:1,lastScore:-4816854,bestScore:-3423779,artist:"Carmela Beacom",song:"Jungle Book, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:4,lastScore:-6011431,bestScore:-6967162,artist:"Kelsi Simko",song:"Mulholland Drive"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:1,lastScore:-8223754,bestScore:-121676,artist:"Xenia Meak",song:"Gendarme Gets Married, The (Le gendarme se marie)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:4,lastScore:-1237859,bestScore:5566342,artist:"Rosalyn Markie",song:"Beyond the Fear"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:3,lastScore:-8627463,bestScore:840132,artist:"Regan Rewcassell",song:"Eden"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:2,lastScore:2253750,bestScore:7447445,artist:"Fidela Lippi",song:"66 Scenes From America"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:1,lastScore:-7525532,bestScore:5961571,artist:"Isac Leftley",song:"Life of Emile Zola, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:3,lastScore:-4681154,bestScore:6039966,artist:"Issi McKmurrie",song:"Gremlins 2: The New Batch"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:3,lastScore:-8736434,bestScore:171899,artist:"Mathian Iskowicz",song:"Alive Inside"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:3,lastScore:5783443,bestScore:4508317,artist:"Garek Hadcock",song:"Street Mobster (a.k.a. Modern Yakuza: Outlaw Killer) (Gendai yakuza: hito-kiri yota)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:4,lastScore:4521728,bestScore:-1549426,artist:"Spence Loveguard",song:"Bastards, The (Los bastardos)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:5,lastScore:-1773795,bestScore:8285865,artist:"Shirley Espinola",song:"Raise Your Voice"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:1,lastScore:7256121,bestScore:5562922,artist:"Mikael Yirrell",song:"Nitro Circus: The Movie"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:0,lastScore:7528625,bestScore:523891,artist:"Giovanna Burchfield",song:"Onion Field, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 3'),level:4,lastScore:8610671,bestScore:-7816079,artist:"Eugenius Leftbridge",song:"Compulsion"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:3,lastScore:2886144,bestScore:6020383,artist:"Garvin Marcus",song:"RocketMan (a.k.a. Rocket Man)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:1,lastScore:3240248,bestScore:-4724599,artist:"Nell Denzey",song:"Chasing Amy"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 1'),level:3,lastScore:-5463629,bestScore:4232635,artist:"Blancha Oxterby",song:"Savages, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:4,lastScore:-4482142,bestScore:8332541,artist:"Rosetta Figgess",song:"Daffy Duck's Movie: Fantastic Island"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:1,lastScore:-683631,bestScore:5027029,artist:"Marys Scriver",song:"Haunted Honeymoon"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:4,lastScore:7290002,bestScore:-7268634,artist:"Adiana Swinfen",song:"Midsummer Night's Sex Comedy, A"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:3,lastScore:8539120,bestScore:2520490,artist:"Lenci Tellesson",song:"Quid Pro Quo"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:1,lastScore:2769849,bestScore:-3077625,artist:"Marylee Sabben",song:"Dancing Hawk, The (Tanczacy jastrzab)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 3'),level:3,lastScore:647609,bestScore:-6815,artist:"Conney Ewart",song:"Old Acquaintance"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:5,lastScore:722223,bestScore:3398209,artist:"Brendon Hearfield",song:"Human Scale, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:0,lastScore:1029859,bestScore:2277604,artist:"Donovan Patifield",song:"Return with Honor"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:5,lastScore:-1361157,bestScore:836139,artist:"Laureen Yushankin",song:"Manon of the Spring"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 3'),level:1,lastScore:4509348,bestScore:7566343,artist:"Dot Cordobes",song:"The Big Shave"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:2,lastScore:-8836036,bestScore:7757707,artist:"Maddie Blackman",song:"When You're Strange"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:4,lastScore:-8045782,bestScore:-3214261,artist:"Wiatt Durram",song:"Death of a President"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:2,lastScore:-4518414,bestScore:-2394538,artist:"Karalee Snyder",song:"China 9, Liberty 37 (Amore, piombo e furore)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 3'),level:2,lastScore:6371585,bestScore:-8197321,artist:"Calida Elden",song:"Watch Out, We're Mad (...Altrimenti ci arrabbiamo!)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:4,lastScore:4665295,bestScore:4323344,artist:"Travis Yearron",song:"Lassie Come Home"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:0,lastScore:-2743930,bestScore:-2506969,artist:"Claudie Batchelour",song:"Wirey Spindell"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:0,lastScore:8157276,bestScore:-6396929,artist:"Kenon Gerdes",song:"I Am Michael"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:0,lastScore:8420043,bestScore:-90627,artist:"Prudi Rankin",song:"Emmanuelle"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:3,lastScore:459678,bestScore:-1323457,artist:"Sylvester Sillito",song:"GasLand"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:5,lastScore:-3983927,bestScore:-8776721,artist:"Ellene Novak",song:"Mask"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:1,lastScore:-3558603,bestScore:5680103,artist:"Craig Lupton",song:"Copycat"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:2,lastScore:4235362,bestScore:5238299,artist:"Rancell Tremathack",song:"Any Which Way You Can"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:4,lastScore:-1377412,bestScore:7148545,artist:"Alyosha Deddum",song:"Mumia Abu-Jamal: A Case for Reasonable Doubt?"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 1'),level:5,lastScore:-945041,bestScore:-1113097,artist:"Jamison Zumbusch",song:"Meet the Applegates"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:2,lastScore:5994306,bestScore:2836966,artist:"Samantha Dows",song:"Chess Players, The (Shatranj Ke Khilari)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:0,lastScore:719570,bestScore:8677726,artist:"Anthe Veart",song:"The Tattooist"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:0,lastScore:-8777884,bestScore:1475585,artist:"Carlo Levison",song:"Balzac and the Little Chinese Seamstress (Xiao cai feng)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:3,lastScore:-1079544,bestScore:2185825,artist:"Erda Danilewicz",song:"Dark Prince: The True Story of Dracula"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:4,lastScore:-4053732,bestScore:-8159546,artist:"Fidelio Maken",song:"Ditchdigger's Daughters, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:5,lastScore:612834,bestScore:6754339,artist:"Dallas Hollebon",song:"Thunderbolt (Pik lik feng)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:1,lastScore:4928099,bestScore:2211588,artist:"Georg MacDermott",song:"Then I Sentenced Them All to Death (Atunci i-am condamnat pe toti la moarte)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:5,lastScore:-3219354,bestScore:-3414767,artist:"Terri Middlemist",song:"Children of a Lesser God"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:1,lastScore:6968532,bestScore:262053,artist:"Cherin White",song:"Out of Mind: The Stories of H.P. Lovecraft"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:4,lastScore:-4346254,bestScore:8249393,artist:"Brandise Bradder",song:"Wave, The (Welle, Die)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:2,lastScore:3454077,bestScore:5370105,artist:"Dorry Hawick",song:"Green Slime, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:3,lastScore:-7848176,bestScore:8346330,artist:"Darwin Lynthal",song:"Killers, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:5,lastScore:-4389779,bestScore:-7612241,artist:"Stanford Predohl",song:"Evita"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:0,lastScore:5728505,bestScore:-1650662,artist:"Leola Spykings",song:"Airport 1975"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:2,lastScore:-1029430,bestScore:-6090027,artist:"Laurence Brownlie",song:"Oyster Farmer"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:5,lastScore:-4348919,bestScore:4228044,artist:"Wilbert Herkess",song:"War and Peace (Jang Aur Aman)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:2,lastScore:537257,bestScore:1139697,artist:"Briney Pochon",song:"Mail Order Bride"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 1'),level:5,lastScore:4545229,bestScore:6500951,artist:"Amabel von Grollmann",song:"Page Miss Glory"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:2,lastScore:4882659,bestScore:2907561,artist:"Minne Stirtle",song:"Crossing the Bridge"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:0,lastScore:-6504654,bestScore:-3350072,artist:"Forster Hallgalley",song:"Mr. Bug Goes to Town (a.k.a. Hoppity Goes to Town)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:3,lastScore:-4904050,bestScore:6249989,artist:"Ashlin Druitt",song:"Salvage"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:2,lastScore:8595971,bestScore:-910946,artist:"Dee Whiteford",song:"Christopher Strong"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:2,lastScore:-4189479,bestScore:-6601395,artist:"Elizabeth Bartali",song:"Lara Croft Tomb Raider: The Cradle of Life"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:3,lastScore:-2491521,bestScore:-4016927,artist:"Vlad Gedge",song:"Hairspray"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:2,lastScore:4290319,bestScore:-6000100,artist:"Calli Lulham",song:"Winds of the Wasteland"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:1,lastScore:-8426202,bestScore:8732106,artist:"Ashly Sanders",song:"Outside Providence"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:1,lastScore:-2735365,bestScore:-5074941,artist:"Lew Bate",song:"Ethan Mao"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 2'),level:3,lastScore:2226383,bestScore:-5940922,artist:"Elie MacAnespie",song:"Saving Private Ryan"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:2,lastScore:-1785471,bestScore:1882854,artist:"Eberto Abdy",song:"Scooby-Doo! Abracadabra-Doo"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 3'),level:4,lastScore:8210072,bestScore:7416746,artist:"Roxie Bouzek",song:"Private Parts"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:1,lastScore:-757068,bestScore:-2086735,artist:"Nestor Tuckwell",song:"Pusher II: With Blood on My Hands"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:4,lastScore:7667818,bestScore:-4544823,artist:"Ingemar Castiblanco",song:"Rocky IV"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 2'),level:2,lastScore:-7948742,bestScore:-7564800,artist:"Eddy Saines",song:"Babe"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:3,lastScore:-6119057,bestScore:3464164,artist:"Gav Jakubovski",song:"42nd Street"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:1,lastScore:8453682,bestScore:-4429348,artist:"Pavia Libri",song:"Fat Man and Little Boy"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 3'),level:1,lastScore:7781547,bestScore:-6619210,artist:"Dar Stait",song:"Pretty Maids All in a Row"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 2'),level:5,lastScore:-362262,bestScore:-457249,artist:"Annabella Pavek",song:"Are You Here"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:2,lastScore:-6314972,bestScore:2860891,artist:"Hillier Richardson",song:"Cry, The (Grido, Il)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 1'),onPlay:() => console.log('Play track 1'),level:4,lastScore:561681,bestScore:395500,artist:"Doe Wyche",song:"Loved Ones, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:4,lastScore:4655690,bestScore:-3864620,artist:"Ronnica Kirkness",song:"Libeled Lady"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 1'),level:2,lastScore:-3237102,bestScore:7279015,artist:"Ennis Kalkofer",song:"Elf"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:5,lastScore:-4883463,bestScore:3856202,artist:"Margaret McNamee",song:"Direct Action"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:2,lastScore:7130068,bestScore:-7335491,artist:"Burg Stubbs",song:"Game Over"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 1'),level:0,lastScore:-5413799,bestScore:1522901,artist:"Guido Bearsmore",song:"Apple Dumpling Gang, The"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:4,lastScore:-75885,bestScore:4456222,artist:"Lemmie Belhomme",song:"Guy Named Joe, A"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:false,onLike:() => console.log('Liked track 2'),onPlay:() => console.log('Play track 3'),level:5,lastScore:7982212,bestScore:-5700652,artist:"Mable Feitosa",song:"Who Are you Polly Maggoo (Qui êtes-vous, Polly Maggoo?)"}, +{image:"https://static.vecteezy.com/system/resources/previews/016/552/335/non_2x/luffy-kawai-chibi-cute-onepiece-anime-design-and-doodle-art-for-icon-logo-collection-and-others-free-vector.jpg",liked:true,onLike:() => console.log('Liked track 3'),onPlay:() => console.log('Play track 1'),level:3,lastScore:633755,bestScore:1462680,artist:"Amalle Lillo",song:"Your Friends and Neighbors"} +]; + + export const FavoritesMusic = () => { const { colors } = useTheme(); const screenSize = useBreakpointValue({ base: 'small', md: 'md', xl: 'xl' }); @@ -94,7 +236,8 @@ export const FavoritesMusic = () => { /> ))} - + {/* { bestScore={42000} artist={'Ludwig van Beethoven'} song={'Sonata for Piano no. 20 in G major, op. 49 no. 2'} - /> + /> */} ); };