Rip out Modal system completely (#9903)

src/view/com/util/BottomSheetCustomBackdrop.tsx

@@ -1,48 +0,0 @@
-import {useMemo} from 'react'
-import {TouchableWithoutFeedback} from 'react-native'
-import Animated, {
-  Extrapolation,
-  interpolate,
-  useAnimatedStyle,
-} from 'react-native-reanimated'
-import {type BottomSheetBackdropProps} from '@discord/bottom-sheet/src'
-import {msg} from '@lingui/core/macro'
-import {useLingui} from '@lingui/react'
-
-export function createCustomBackdrop(
-  onClose?: () => void,
-): React.FC<BottomSheetBackdropProps> {
-  const CustomBackdrop = ({animatedIndex, style}: BottomSheetBackdropProps) => {
-    const {_} = useLingui()
-
-    // animated variables
-    const opacity = useAnimatedStyle(() => ({
-      opacity: interpolate(
-        animatedIndex.get(), // current snap index
-        [-1, 0], // input range
-        [0, 0.5], // output range
-        Extrapolation.CLAMP,
-      ),
-    }))
-
-    const containerStyle = useMemo(
-      () => [style, {backgroundColor: '#000'}, opacity],
-      [style, opacity],
-    )
-
-    return (
-      <TouchableWithoutFeedback
-        onPress={onClose}
-        accessibilityLabel={_(msg`Close bottom drawer`)}
-        accessibilityHint=""
-        onAccessibilityEscape={() => {
-          if (onClose !== undefined) {
-            onClose()
-          }
-        }}>
-        <Animated.View style={containerStyle} />
-      </TouchableWithoutFeedback>
-    )
-  }
-  return CustomBackdrop
-}

src/view/com/util/Link.tsx

@@ -28,7 +28,6 @@ import {
 } from '#/lib/strings/url-helpers'
 import {type TypographyVariant} from '#/lib/ThemeContext'
 import {emitSoftReset} from '#/state/events'
-import {useModalControls} from '#/state/modals'
 import {WebAuxClickWrapper} from '#/view/com/util/WebAuxClickWrapper'
 import {useTheme} from '#/alf'
 import {useGlobalDialogsControlContext} from '#/components/dialogs/Context'
@@ -79,7 +78,6 @@ export const Link = memo(function Link({
   ...props
 }: Props) {
   const t = useTheme()
-  const {closeModal} = useModalControls()
   const navigation = useNavigationDeduped()
   const anchorHref = asAnchor ? sanitizeUrl(href) : undefined
   const openLink = useOpenLink()
@@ -90,7 +88,6 @@ export const Link = memo(function Link({
       onBeforePress?.()
       if (typeof href === 'string') {
         return onPressInner(
-          closeModal,
           navigation,
           sanitizeUrl(href),
           navigationAction,
@@ -101,7 +98,6 @@ export const Link = memo(function Link({
       }
     },
     [
-      closeModal,
       navigation,
       navigationAction,
       href,
@@ -205,7 +201,6 @@ export const TextLink = memo(function TextLink({
   onBeforePress?: () => void
 } & TextProps) {
   const navigation = useNavigationDeduped()
-  const {closeModal} = useModalControls()
   const {linkWarningDialogControl} = useGlobalDialogsControlContext()
   const openLink = useOpenLink()
   const groupChatJoinIntent = useGroupChatJoinIntent()
@@ -246,7 +241,6 @@ export const TextLink = memo(function TextLink({
         return onPressProp()
       }
       return onPressInner(
-        closeModal,
         navigation,
         sanitizeUrl(href),
         navigationAction,
@@ -258,7 +252,6 @@ export const TextLink = memo(function TextLink({
     [
       onBeforePress,
       onPressProp,
-      closeModal,
       navigation,
       href,
       text,
@@ -383,7 +376,6 @@ const EXEMPT_PATHS = ['/robots.txt', '/security.txt', '/.well-known/']
 // needed customizations
 // -prf
 function onPressInner(
-  closeModal = () => {},
   navigation: DebouncedNavigationProp,
   href: string,
   navigationAction: 'push' | 'replace' | 'navigate' = 'push',
@@ -429,8 +421,6 @@ function onPressInner(
     ) {
       openLink(href)
     } else {
-      closeModal() // close any active modals
-
       const [routeName, params] = router.matchPath(href)
       if (navigationAction === 'push') {
         // @ts-ignore we're not able to type check on this one -prf