diff options
author | Paul Frazee <pfrazee@gmail.com> | 2023-11-08 09:08:42 -0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-11-08 09:08:42 -0800 |
commit | 74f8390f1d879350ebb6516fade2b1d83d1601e7 (patch) | |
tree | bf627b889faf1c4078562d5644d17422fee2df55 /src/state/muted-threads.tsx | |
parent | 4afed4be281b6319c328938e4ed757624a78b13c (diff) | |
download | voidsky-74f8390f1d879350ebb6516fade2b1d83d1601e7.tar.zst |
Move muted threads to new persistence + context (#1838)
Diffstat (limited to 'src/state/muted-threads.tsx')
-rw-r--r-- | src/state/muted-threads.tsx | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/src/state/muted-threads.tsx b/src/state/muted-threads.tsx new file mode 100644 index 000000000..2b3a7de6a --- /dev/null +++ b/src/state/muted-threads.tsx @@ -0,0 +1,59 @@ +import React from 'react' +import * as persisted from '#/state/persisted' + +type StateContext = persisted.Schema['mutedThreads'] +type ToggleContext = (uri: string) => boolean + +const stateContext = React.createContext<StateContext>( + persisted.defaults.mutedThreads, +) +const toggleContext = React.createContext<ToggleContext>((_: string) => false) + +export function Provider({children}: React.PropsWithChildren<{}>) { + const [state, setState] = React.useState(persisted.get('mutedThreads')) + + const toggleThreadMute = React.useCallback( + (uri: string) => { + let muted = false + setState((arr: string[]) => { + if (arr.includes(uri)) { + arr = arr.filter(v => v !== uri) + muted = false + } else { + arr = arr.concat([uri]) + muted = true + } + persisted.write('mutedThreads', arr) + return arr + }) + return muted + }, + [setState], + ) + + React.useEffect(() => { + return persisted.onUpdate(() => { + setState(persisted.get('mutedThreads')) + }) + }, [setState]) + + return ( + <stateContext.Provider value={state}> + <toggleContext.Provider value={toggleThreadMute}> + {children} + </toggleContext.Provider> + </stateContext.Provider> + ) +} + +export function useMutedThreads() { + return React.useContext(stateContext) +} + +export function useToggleThreadMute() { + return React.useContext(toggleContext) +} + +export function isThreadMuted(uri: string) { + return persisted.get('mutedThreads').includes(uri) +} |