diff --git a/front/components/UI/ScaffoldCC.tsx b/front/components/UI/ScaffoldCC.tsx
index c6070a0..f49dfc7 100644
--- a/front/components/UI/ScaffoldCC.tsx
+++ b/front/components/UI/ScaffoldCC.tsx
@@ -7,6 +7,7 @@ import { Cup, Discover, Music, SearchNormal1, Setting2, User } from 'iconsax-rea
import { LoadingView } from '../Loading';
import ScaffoldDesktopCC from './ScaffoldDesktopCC';
import ScaffoldMobileCC from './ScaffoldMobileCC';
+import { useAssets } from 'expo-asset';
const menu = [
{ type: 'main', title: 'menuDiscovery', icon: Discover, link: 'HomeNew' },
@@ -37,10 +38,11 @@ const ScaffoldCC = ({
return ;
}
const colorScheme = useColorScheme();
- const logo =
+ const [logo] = useAssets(
colorScheme == 'light'
? require('../../assets/icon_light.png')
- : require('../../assets/icon_dark.png');
+ : require('../../assets/icon_dark.png')
+ );
return (
@@ -48,7 +50,7 @@ const ScaffoldCC = ({
{
return ;
}
- const musics = history.data.map((h) => h.song)?.slice(0, props.quantity);
+ const musics = history.data
+ .reduce(
+ (acc, curr) => {
+ if (acc.length === 0) {
+ return [curr];
+ }
+ if (acc.find((h) => h.song.id === curr.song.id)) {
+ return acc;
+ }
+ return [...acc, curr];
+ },
+ [] as typeof history.data
+ )
+ .map((h) => h.song)
+ ?.slice(0, props.quantity);
return (
diff --git a/front/views/PlayView.tsx b/front/views/PlayView.tsx
index eb3f2cc..8ccfb46 100644
--- a/front/views/PlayView.tsx
+++ b/front/views/PlayView.tsx
@@ -472,7 +472,6 @@ const PlayView = ({ songId, route }: RouteProps) => {
score={score}
time={time}
paused={paused}
- disabled={!midiKeyboardFound}
song={song.data}
onEnd={onEnd}
onPause={onPause}