diff --git a/src/components/app/app.tsx b/src/components/app/app.tsx
index a287553..e398562 100644
--- a/src/components/app/app.tsx
+++ b/src/components/app/app.tsx
@@ -22,9 +22,6 @@ export function App() {
const categories = useMemo(() => sounds.categories, []);
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 = categories
@@ -56,28 +53,6 @@ export function App() {
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 favorites = [];
@@ -94,22 +69,18 @@ export function App() {
}, [favoriteSounds, categories]);
return (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- >
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}