diff --git a/front/API.ts b/front/API.ts index 0dbaf34..4ba3ae9 100644 --- a/front/API.ts +++ b/front/API.ts @@ -9125,7 +9125,7 @@ export default class API { }`); return { key: ['cursorInfos', songId], - exec: async () => res2 as SongCursorInfos, + exec: async () => res as SongCursorInfos, } } } diff --git a/front/components/Play/PartitionMagic.tsx b/front/components/Play/PartitionMagic.tsx index 7ad42bf..33b2e4f 100644 --- a/front/components/Play/PartitionMagic.tsx +++ b/front/components/Play/PartitionMagic.tsx @@ -16,7 +16,7 @@ export type ParitionMagicProps = { }; const getSVGURL = (songID: number) => { - return 'https://cdn.discordapp.com/attachments/717080637038788731/1162519992722530354/Short.mxl_1.svg?ex=653c3c1c&is=6529c71c&hm=1788e4abe532f4a2af8c24cae6dadcfde369eaf58322f051ecd1d9110d8b699a&'; + // return 'https://cdn.discordapp.com/attachments/717080637038788731/1162519992722530354/Short.mxl_1.svg?ex=653c3c1c&is=6529c71c&hm=1788e4abe532f4a2af8c24cae6dadcfde369eaf58322f051ecd1d9110d8b699a&'; return 'https://cdn.discordapp.com/attachments/717080637038788731/1161704545785757816/4.svg?ex=653944ab&is=6526cfab&hm=2416ee2cb414cc42fa9de8af58b8db544479d35f13393d76f02e8d9fe27aff45&'; }; @@ -126,6 +126,7 @@ const PartitionMagic = ({ songID, onEndReached, onError, onReady }: ParitionMagi flex: 1, alignItems: 'flex-start', position: 'relative', + overflow: 'hidden', }} > ) => { [] ); + const infoCardInfos = [ + { + icon: , + label: 'Last Score', + id: 'lastScore', + value: 60, + }, + { + icon: , + label: 'Best Score', + id: 'bestScore', + value: 60, + }, + { + icon: , + label: 'Level', + id: 'level', + value: 3, + }, + ] as const; + const onPause = () => { stopwatch.pause(); setPause(true); @@ -331,8 +352,49 @@ const PlayView = ({ songId, type, route }: RouteProps) => { flexGrow: 1, flexDirection: 'column', padding: 20, + position: 'relative', }} > + + {infoCardInfos.map((info) => ( + + {info.label} + + {info.icon} + + {info.value} + + + + ))} + ) => { gap: 3, }} > - {/* - - */} - {score} + {score} - - Cool - + + Cool + x1 @@ -420,7 +482,7 @@ const PlayView = ({ songId, type, route }: RouteProps) => { gap: 20, }} > - cover + cover