Share menu (#7840)

* move post ctrls to #/components

* restructure post controls, basic share menu

* add border radius to searchable people list for android

* Revert "add border radius to searchable people list for android"

This reverts commit 417449086e25b82f5683b12f6405d972f48ce50e.

* add copy link to native share menu

* reorg files again

* open native share menu on long press

* Translation comments

Thanks @surfdude29

* abs path

* update type imports, remove forwardRef

* rm react import

* equal spacing of buttons, extract disco debug

* add better icon

* add right offset to share button for visual alignment

* Add recent chats to share menu (#7853)

* add recent chats to share menu

* Update RecentChats.tsx

Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>

* Update RecentChats.tsx

* add fading edge on andriod

* tweak scrollview

* Add metrics and A/B alt icon to share menu (#8401)

* add metrics

* add a/b tested alt icon

---------

Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>

* More descriptive share text/icon on web (#7854)

* more descriptive share text on web

* revert dev mode changes

* add missing import

* use modified share icon everywhere

* Add back conflicting changes

---------

Co-authored-by: Eric Bailey <git@esb.lol>

---------

Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>
Co-authored-by: Eric Bailey <git@esb.lol>

1 files changed, 0 insertions, 221 deletions

diff --git a/src/view/com/util/post-ctrls/RepostButton.tsx b/src/view/com/util/post-ctrls/RepostButton.tsx
deleted file mode 100644
index ca1647a99..000000000
--- a/src/view/com/util/post-ctrls/RepostButton.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import React, {memo, useCallback} from 'react'
-import {View} from 'react-native'
-import {msg, plural, Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-
-import {POST_CTRL_HITSLOP} from '#/lib/constants'
-import {useHaptics} from '#/lib/haptics'
-import {useRequireAuth} from '#/state/session'
-import {atoms as a, useTheme} from '#/alf'
-import {Button, ButtonText} from '#/components/Button'
-import * as Dialog from '#/components/Dialog'
-import {CloseQuote_Stroke2_Corner1_Rounded as Quote} from '#/components/icons/Quote'
-import {Repost_Stroke2_Corner2_Rounded as Repost} from '#/components/icons/Repost'
-import {Text} from '#/components/Typography'
-import {formatCount} from '../numeric/format'
-
-interface Props {
-  isReposted: boolean
-  repostCount?: number
-  onRepost: () => void
-  onQuote: () => void
-  big?: boolean
-  embeddingDisabled: boolean
-}
-
-let RepostButton = ({
-  isReposted,
-  repostCount,
-  onRepost,
-  onQuote,
-  big,
-  embeddingDisabled,
-}: Props): React.ReactNode => {
-  const t = useTheme()
-  const {_, i18n} = useLingui()
-  const requireAuth = useRequireAuth()
-  const dialogControl = Dialog.useDialogControl()
-  const playHaptic = useHaptics()
-  const color = React.useMemo(
-    () => ({
-      color: isReposted ? t.palette.positive_600 : t.palette.contrast_500,
-    }),
-    [t, isReposted],
-  )
-  return (
-    <>
-      <Button
-        testID="repostBtn"
-        onPress={() => {
-          playHaptic('Light')
-          requireAuth(() => dialogControl.open())
-        }}
-        onLongPress={() => {
-          playHaptic('Heavy')
-          requireAuth(() => onQuote())
-        }}
-        style={[
-          a.flex_row,
-          a.align_center,
-          a.gap_xs,
-          a.bg_transparent,
-          {padding: 5},
-        ]}
-        hoverStyle={t.atoms.bg_contrast_25}
-        label={
-          isReposted
-            ? _(
-                msg`Undo repost (${plural(repostCount || 0, {
-                  one: '# repost',
-                  other: '# reposts',
-                })})`,
-              )
-            : _(
-                msg`Repost (${plural(repostCount || 0, {
-                  one: '# repost',
-                  other: '# reposts',
-                })})`,
-              )
-        }
-        shape="round"
-        variant="ghost"
-        color="secondary"
-        hitSlop={POST_CTRL_HITSLOP}>
-        <Repost style={color} width={big ? 22 : 18} />
-        {typeof repostCount !== 'undefined' && repostCount > 0 ? (
-          <Text
-            testID="repostCount"
-            style={[
-              color,
-              big ? a.text_md : {fontSize: 15},
-              isReposted && a.font_bold,
-            ]}>
-            {formatCount(i18n, repostCount)}
-          </Text>
-        ) : undefined}
-      </Button>
-      <Dialog.Outer
-        control={dialogControl}
-        nativeOptions={{preventExpansion: true}}>
-        <Dialog.Handle />
-        <RepostButtonDialogInner
-          isReposted={isReposted}
-          onRepost={onRepost}
-          onQuote={onQuote}
-          embeddingDisabled={embeddingDisabled}
-        />
-      </Dialog.Outer>
-    </>
-  )
-}
-RepostButton = memo(RepostButton)
-export {RepostButton}
-
-let RepostButtonDialogInner = ({
-  isReposted,
-  onRepost,
-  onQuote,
-  embeddingDisabled,
-}: {
-  isReposted: boolean
-  onRepost: () => void
-  onQuote: () => void
-  embeddingDisabled: boolean
-}): React.ReactNode => {
-  const t = useTheme()
-  const {_} = useLingui()
-  const playHaptic = useHaptics()
-  const control = Dialog.useDialogContext()
-
-  const onPressRepost = useCallback(() => {
-    if (!isReposted) playHaptic()
-
-    control.close(() => {
-      onRepost()
-    })
-  }, [control, isReposted, onRepost, playHaptic])
-
-  const onPressQuote = useCallback(() => {
-    playHaptic()
-    control.close(() => {
-      onQuote()
-    })
-  }, [control, onQuote, playHaptic])
-
-  const onPressClose = useCallback(() => control.close(), [control])
-
-  return (
-    <Dialog.ScrollableInner label={_(msg`Repost or quote post`)}>
-      <View style={a.gap_xl}>
-        <View style={a.gap_xs}>
-          <Button
-            style={[a.justify_start, a.px_md]}
-            label={
-              isReposted
-                ? _(msg`Remove repost`)
-                : _(msg({message: `Repost`, context: 'action'}))
-            }
-            onPress={onPressRepost}
-            size="large"
-            variant="ghost"
-            color="primary">
-            <Repost size="lg" fill={t.palette.primary_500} />
-            <Text style={[a.font_bold, a.text_xl]}>
-              {isReposted ? (
-                <Trans>Remove repost</Trans>
-              ) : (
-                <Trans context="action">Repost</Trans>
-              )}
-            </Text>
-          </Button>
-          <Button
-            disabled={embeddingDisabled}
-            testID="quoteBtn"
-            style={[a.justify_start, a.px_md]}
-            label={
-              embeddingDisabled
-                ? _(msg`Quote posts disabled`)
-                : _(msg`Quote post`)
-            }
-            onPress={onPressQuote}
-            size="large"
-            variant="ghost"
-            color="primary">
-            <Quote
-              size="lg"
-              fill={
-                embeddingDisabled
-                  ? t.atoms.text_contrast_low.color
-                  : t.palette.primary_500
-              }
-            />
-            <Text
-              style={[
-                a.font_bold,
-                a.text_xl,
-                embeddingDisabled && t.atoms.text_contrast_low,
-              ]}>
-              {embeddingDisabled ? (
-                <Trans>Quote posts disabled</Trans>
-              ) : (
-                <Trans>Quote post</Trans>
-              )}
-            </Text>
-          </Button>
-        </View>
-        <Button
-          label={_(msg`Cancel quote post`)}
-          onPress={onPressClose}
-          size="large"
-          variant="outline"
-          color="primary">
-          <ButtonText>
-            <Trans>Cancel</Trans>
-          </ButtonText>
-        </Button>
-      </View>
-    </Dialog.ScrollableInner>
-  )
-}
-RepostButtonDialogInner = memo(RepostButtonDialogInner)
-export {RepostButtonDialogInner}