Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-10-18 12:30:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove media session

Browse Source
This commit is contained in:
MAZE 2024-01-28 15:23:58 +03:30
parent 889962babe
commit 1f635348e3
1 changed files with 12 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/app/app.tsx
View File

@ -22,9 +22,6 @@ export function App() {
const categories = useMemo(() => sounds.categories, []); const categories = useMemo(() => sounds.categories, []);
const favorites = useSoundStore(useShallow(state => state.getFavorites())); const favorites = useSoundStore(useShallow(state => state.getFavorites()));
const play = useSoundStore(state => state.play);
const pause = useSoundStore(state => state.pause);
const isPlaying = useSoundStore(state => state.isPlaying);
const favoriteSounds = useMemo(() => { const favoriteSounds = useMemo(() => {
const favoriteSounds = categories const favoriteSounds = categories
@ -56,28 +53,6 @@ export function App() {
return () => document.removeEventListener('visibilitychange', onChange); return () => document.removeEventListener('visibilitychange', onChange);
}, []); }, []);
useEffect(() => {
try {
navigator.mediaSession.setActionHandler('play', play);
navigator.mediaSession.setActionHandler('pause', pause);
navigator.mediaSession.setActionHandler('stop', pause);
} catch (error) {
console.log('Media session is no supported yet');
}
}, [play, pause]);
useEffect(() => {
if (isPlaying) {
navigator.mediaSession.metadata = new MediaMetadata({
title: 'Moodist',
});
navigator.mediaSession.playbackState = 'playing';
} else {
navigator.mediaSession.playbackState = 'paused';
}
}, [isPlaying]);
const allCategories = useMemo(() => { const allCategories = useMemo(() => {
const favorites = []; const favorites = [];
@ -94,22 +69,18 @@ export function App() {
}, [favoriteSounds, categories]); }, [favoriteSounds, categories]);
return ( return (
<> <SnackbarProvider>
<SnackbarProvider> <StoreConsumer>
<StoreConsumer> <Container>
<Container> <div id="app" />
<div id="app" /> <Buttons />
<Buttons /> <Categories categories={allCategories} />
<Categories categories={allCategories} /> </Container>
</Container>
<ScrollToTop /> <ScrollToTop />
<Menu /> <Menu />
<SharedModal /> <SharedModal />
</StoreConsumer> </StoreConsumer>
</SnackbarProvider> </SnackbarProvider>
<audio aria-hidden={true} src="" />
</>
); );
} }