forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
feat: add video volume to persisted state
oopsy- used to be a PR: https://tangled.org/jollywhoppers.com/witchsky.app/pulls/70/
+7
-3
+5
-3
src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
+5
-3
src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
···
1
1
import React from 'react'
2
2
3
+
import {device, useStorage} from '#/storage'
4
+
3
5
const Context = React.createContext<{
4
6
// native
5
7
muted: boolean
6
-
setMuted: React.Dispatch<React.SetStateAction<boolean>>
8
+
setMuted: (v: boolean) => void
7
9
// web
8
10
volume: number
9
-
setVolume: React.Dispatch<React.SetStateAction<number>>
11
+
setVolume: (v: number) => void
10
12
} | null>(null)
11
13
Context.displayName = 'VideoVolumeContext'
12
14
13
15
export function Provider({children}: {children: React.ReactNode}) {
14
16
const [muted, setMuted] = React.useState(true)
15
-
const [volume, setVolume] = React.useState(1)
17
+
const [volume = 1, setVolume] = useStorage(device, ['videoVolume'])
16
18
17
19
const value = React.useMemo(
18
20
() => ({