diff options
author | Paul Frazee <pfrazee@gmail.com> | 2023-11-14 10:41:55 -0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-11-14 10:41:55 -0800 |
commit | 0a26e78dcbbf48dad5daae73b210e236d706b22c (patch) | |
tree | c06c737ed49e8294bf5cbec1a75c36b591cb6669 /src/state/shell/composer.tsx | |
parent | c687172de96bd6aa85d3aa025c2e0f024640f345 (diff) | |
download | voidsky-0a26e78dcbbf48dad5daae73b210e236d706b22c.tar.zst |
Composer update (react-query refactor) (#1899)
* Move composer state to a context * Rework composer to use RQ --------- Co-authored-by: Eric Bailey <git@esb.lol>
Diffstat (limited to 'src/state/shell/composer.tsx')
-rw-r--r-- | src/state/shell/composer.tsx | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/src/state/shell/composer.tsx b/src/state/shell/composer.tsx new file mode 100644 index 000000000..a350bd7f3 --- /dev/null +++ b/src/state/shell/composer.tsx @@ -0,0 +1,74 @@ +import React from 'react' +import {AppBskyEmbedRecord} from '@atproto/api' + +export interface ComposerOptsPostRef { + uri: string + cid: string + text: string + author: { + handle: string + displayName?: string + avatar?: string + } +} +export interface ComposerOptsQuote { + uri: string + cid: string + text: string + indexedAt: string + author: { + did: string + handle: string + displayName?: string + avatar?: string + } + embeds?: AppBskyEmbedRecord.ViewRecord['embeds'] +} +export interface ComposerOpts { + replyTo?: ComposerOptsPostRef + onPost?: () => void + quote?: ComposerOptsQuote + mention?: string // handle of user to mention +} + +type StateContext = ComposerOpts | undefined +type ControlsContext = { + openComposer: (opts: ComposerOpts) => void + closeComposer: () => void +} + +const stateContext = React.createContext<StateContext>(undefined) +const controlsContext = React.createContext<ControlsContext>({ + openComposer(_opts: ComposerOpts) {}, + closeComposer() {}, +}) + +export function Provider({children}: React.PropsWithChildren<{}>) { + const [state, setState] = React.useState<StateContext>() + const api = React.useMemo( + () => ({ + openComposer(opts: ComposerOpts) { + setState(opts) + }, + closeComposer() { + setState(undefined) + }, + }), + [setState], + ) + return ( + <stateContext.Provider value={state}> + <controlsContext.Provider value={api}> + {children} + </controlsContext.Provider> + </stateContext.Provider> + ) +} + +export function useComposerState() { + return React.useContext(stateContext) +} + +export function useComposerControls() { + return React.useContext(controlsContext) +} |