"N" keyboard shortcut to open a new post modal (#5197)

* feat: Add hook on web app to open composer with 'N' keyboard shortcut

* Extract, don't fire open composer if already open

* Ignore interactive elements

---------

Co-authored-by: João Gabriel <joaog@nocorp.io>
Co-authored-by: Hailey <me@haileyok.com>

1 files changed, 0 insertions, 107 deletions

diff --git a/src/state/shell/composer.tsx b/src/state/shell/composer.tsx
deleted file mode 100644
index 612388ff8..000000000
--- a/src/state/shell/composer.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react'
-import {
-  AppBskyActorDefs,
-  AppBskyEmbedRecord,
-  AppBskyRichtextFacet,
-  ModerationDecision,
-} from '@atproto/api'
-import {msg} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-
-import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback'
-import * as Toast from '#/view/com/util/Toast'
-
-export interface ComposerOptsPostRef {
-  uri: string
-  cid: string
-  text: string
-  author: AppBskyActorDefs.ProfileViewBasic
-  embed?: AppBskyEmbedRecord.ViewRecord['embed']
-  moderation?: ModerationDecision
-}
-export interface ComposerOptsQuote {
-  uri: string
-  cid: string
-  text: string
-  facets?: AppBskyRichtextFacet.Main[]
-  indexedAt: string
-  author: AppBskyActorDefs.ProfileViewBasic
-  embeds?: AppBskyEmbedRecord.ViewRecord['embeds']
-}
-export interface ComposerOpts {
-  replyTo?: ComposerOptsPostRef
-  onPost?: (postUri: string | undefined) => void
-  quote?: ComposerOptsQuote
-  quoteCount?: number
-  mention?: string // handle of user to mention
-  openEmojiPicker?: (pos: DOMRect | undefined) => void
-  text?: string
-  imageUris?: {uri: string; width: number; height: number}[]
-}
-
-type StateContext = ComposerOpts | undefined
-type ControlsContext = {
-  openComposer: (opts: ComposerOpts) => void
-  closeComposer: () => boolean
-}
-
-const stateContext = React.createContext<StateContext>(undefined)
-const controlsContext = React.createContext<ControlsContext>({
-  openComposer(_opts: ComposerOpts) {},
-  closeComposer() {
-    return false
-  },
-})
-
-export function Provider({children}: React.PropsWithChildren<{}>) {
-  const {_} = useLingui()
-  const [state, setState] = React.useState<StateContext>()
-
-  const openComposer = useNonReactiveCallback((opts: ComposerOpts) => {
-    const author = opts.replyTo?.author || opts.quote?.author
-    const isBlocked = Boolean(
-      author &&
-        (author.viewer?.blocking ||
-          author.viewer?.blockedBy ||
-          author.viewer?.blockingByList),
-    )
-    if (isBlocked) {
-      Toast.show(
-        _(msg`Cannot interact with a blocked user`),
-        'exclamation-circle',
-      )
-    } else {
-      setState(opts)
-    }
-  })
-
-  const closeComposer = useNonReactiveCallback(() => {
-    let wasOpen = !!state
-    setState(undefined)
-    return wasOpen
-  })
-
-  const api = React.useMemo(
-    () => ({
-      openComposer,
-      closeComposer,
-    }),
-    [openComposer, closeComposer],
-  )
-
-  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)
-}