diff options
author | Samuel Newman <mozzius@protonmail.com> | 2024-06-18 19:48:34 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-06-18 21:48:34 +0300 |
commit | 5f5d845053e13169f89fc70a3f858b0a9e5ed4fd (patch) | |
tree | 2902f50fbfdce9b59b38d74c0dac96b3a2abf8b9 /src/state/muted-threads.tsx | |
parent | 35e54e24a0b08ce0f2e3389aeb4fb0f29778170e (diff) | |
download | voidsky-5f5d845053e13169f89fc70a3f858b0a9e5ed4fd.tar.zst |
Server-side thread mutes (#4518)
* update atproto/api * move thread mutes to server side * rm log * move muted threads provider to inside did key * use map instead of object
Diffstat (limited to 'src/state/muted-threads.tsx')
-rw-r--r-- | src/state/muted-threads.tsx | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/src/state/muted-threads.tsx b/src/state/muted-threads.tsx deleted file mode 100644 index 84a717eb7..000000000 --- a/src/state/muted-threads.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import React from 'react' -import * as persisted from '#/state/persisted' -import {track} from '#/lib/analytics/analytics' - -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 - track('Post:ThreadUnmute') - } else { - arr = arr.concat([uri]) - muted = true - track('Post:ThreadMute') - } - 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) -} |