diff options
-rw-r--r-- | src/components/Dialog/index.tsx | 22 | ||||
-rw-r--r-- | src/components/Dialog/types.ts | 2 | ||||
-rw-r--r-- | src/components/Menu/index.tsx | 6 | ||||
-rw-r--r-- | src/components/Portal.tsx | 2 | ||||
-rw-r--r-- | src/components/Prompt.tsx | 8 | ||||
-rw-r--r-- | src/view/com/util/UserAvatar.tsx | 5 | ||||
-rw-r--r-- | src/view/com/util/UserBanner.tsx | 5 |
7 files changed, 15 insertions, 35 deletions
diff --git a/src/components/Dialog/index.tsx b/src/components/Dialog/index.tsx index 6d859aeb0..a27271168 100644 --- a/src/components/Dialog/index.tsx +++ b/src/components/Dialog/index.tsx @@ -153,18 +153,18 @@ export function Outer({ ) return ( - <Context.Provider value={context}> - <BottomSheet - ref={ref} - cornerRadius={20} - backgroundColor={t.atoms.bg.backgroundColor} - {...nativeOptions} - onSnapPointChange={onSnapPointChange} - onStateChange={onStateChange} - disableDrag={disableDrag}> + <BottomSheet + ref={ref} + cornerRadius={20} + backgroundColor={t.atoms.bg.backgroundColor} + {...nativeOptions} + onSnapPointChange={onSnapPointChange} + onStateChange={onStateChange} + disableDrag={disableDrag}> + <Context.Provider value={context}> <View testID={testID}>{children}</View> - </BottomSheet> - </Context.Provider> + </Context.Provider> + </BottomSheet> ) } diff --git a/src/components/Dialog/types.ts b/src/components/Dialog/types.ts index caa787535..b1388a817 100644 --- a/src/components/Dialog/types.ts +++ b/src/components/Dialog/types.ts @@ -6,7 +6,6 @@ import type { } from 'react-native' import {ViewStyleProp} from '#/alf' -import {PortalComponent} from '#/components/Portal' import {BottomSheetViewProps} from '../../../modules/bottom-sheet' import {BottomSheetSnapPoint} from '../../../modules/bottom-sheet/src/BottomSheet.types' @@ -61,7 +60,6 @@ export type DialogOuterProps = { nativeOptions?: Omit<BottomSheetViewProps, 'children'> webOptions?: {} testID?: string - Portal?: PortalComponent } type DialogInnerPropsBase<T> = React.PropsWithChildren<ViewStyleProp> & T diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx index 12cf1866e..4d35a63bd 100644 --- a/src/components/Menu/index.tsx +++ b/src/components/Menu/index.tsx @@ -18,7 +18,6 @@ import { ItemTextProps, TriggerProps, } from '#/components/Menu/types' -import {PortalComponent} from '#/components/Portal' import {Text} from '#/components/Typography' export { @@ -78,11 +77,9 @@ export function Trigger({children, label}: TriggerProps) { export function Outer({ children, showCancel, - Portal, }: React.PropsWithChildren<{ showCancel?: boolean style?: StyleProp<ViewStyle> - Portal?: PortalComponent }>) { const context = React.useContext(Context) const {_} = useLingui() @@ -90,8 +87,7 @@ export function Outer({ return ( <Dialog.Outer control={context.control} - nativeOptions={{preventExpansion: true}} - Portal={Portal}> + nativeOptions={{preventExpansion: true}}> <Dialog.Handle /> {/* Re-wrap with context since Dialogs are portal-ed to root */} <Context.Provider value={context}> diff --git a/src/components/Portal.tsx b/src/components/Portal.tsx index 7441df005..03b397b2b 100644 --- a/src/components/Portal.tsx +++ b/src/components/Portal.tsx @@ -12,8 +12,6 @@ type ComponentMap = { [id: string]: Component } -export type PortalComponent = ({children}: {children?: React.ReactNode}) => null - export function createPortalGroup() { const Context = React.createContext<ContextType>({ outlet: null, diff --git a/src/components/Prompt.tsx b/src/components/Prompt.tsx index c47f0d64a..7b33c6e25 100644 --- a/src/components/Prompt.tsx +++ b/src/components/Prompt.tsx @@ -6,7 +6,6 @@ import {useLingui} from '@lingui/react' import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {Button, ButtonColor, ButtonText} from '#/components/Button' import * as Dialog from '#/components/Dialog' -import {PortalComponent} from '#/components/Portal' import {Text} from '#/components/Typography' import {BottomSheetViewProps} from '../../modules/bottom-sheet' @@ -27,12 +26,10 @@ export function Outer({ children, control, testID, - Portal, nativeOptions, }: React.PropsWithChildren<{ control: Dialog.DialogControlProps testID?: string - Portal?: PortalComponent nativeOptions?: Omit<BottomSheetViewProps, 'children'> }>) { const {gtMobile} = useBreakpoints() @@ -48,7 +45,6 @@ export function Outer({ <Dialog.Outer control={control} testID={testID} - Portal={Portal} nativeOptions={{preventExpansion: true, ...nativeOptions}}> <Dialog.Handle /> <Context.Provider value={context}> @@ -190,7 +186,6 @@ export function Basic({ onConfirm, confirmButtonColor, showCancel = true, - Portal, }: React.PropsWithChildren<{ control: Dialog.DialogOuterProps['control'] title: string @@ -207,10 +202,9 @@ export function Basic({ onConfirm: (e: GestureResponderEvent) => void confirmButtonColor?: ButtonColor showCancel?: boolean - Portal?: PortalComponent }>) { return ( - <Outer control={control} testID="confirmModal" Portal={Portal}> + <Outer control={control} testID="confirmModal"> <TitleText>{title}</TitleText> <DescriptionText>{description}</DescriptionText> <Actions> diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx index b311f7887..dbd68f8ef 100644 --- a/src/view/com/util/UserAvatar.tsx +++ b/src/view/com/util/UserAvatar.tsx @@ -30,7 +30,6 @@ import {Trash_Stroke2_Corner0_Rounded as Trash} from '#/components/icons/Trash' import {Link} from '#/components/Link' import {MediaInsetBorder} from '#/components/MediaInsetBorder' import * as Menu from '#/components/Menu' -import {PortalComponent} from '#/components/Portal' import {ProfileHoverCard} from '#/components/ProfileHoverCard' import {openCamera, openCropper, openPicker} from '../../../lib/media/picker' @@ -51,7 +50,6 @@ interface UserAvatarProps extends BaseUserAvatarProps { interface EditableUserAvatarProps extends BaseUserAvatarProps { onSelectNewAvatar: (img: RNImage | null) => void - Portal?: PortalComponent } interface PreviewableUserAvatarProps extends BaseUserAvatarProps { @@ -268,7 +266,6 @@ let EditableUserAvatar = ({ size, avatar, onSelectNewAvatar, - Portal, }: EditableUserAvatarProps): React.ReactNode => { const t = useTheme() const pal = usePalette('default') @@ -366,7 +363,7 @@ let EditableUserAvatar = ({ </Pressable> )} </Menu.Trigger> - <Menu.Outer showCancel Portal={Portal}> + <Menu.Outer showCancel> <Menu.Group> {isNative && ( <Menu.Item diff --git a/src/view/com/util/UserBanner.tsx b/src/view/com/util/UserBanner.tsx index 98ff19b5d..2815de3bd 100644 --- a/src/view/com/util/UserBanner.tsx +++ b/src/view/com/util/UserBanner.tsx @@ -25,7 +25,6 @@ import { import {StreamingLive_Stroke2_Corner0_Rounded as Library} from '#/components/icons/StreamingLive' import {Trash_Stroke2_Corner0_Rounded as Trash} from '#/components/icons/Trash' import * as Menu from '#/components/Menu' -import {PortalComponent} from '#/components/Portal' import {openCamera, openCropper, openPicker} from '../../../lib/media/picker' export function UserBanner({ @@ -33,13 +32,11 @@ export function UserBanner({ banner, moderation, onSelectNewBanner, - Portal, }: { type?: 'labeler' | 'default' banner?: string | null moderation?: ModerationUI onSelectNewBanner?: (img: RNImage | null) => void - Portal?: PortalComponent }) { const pal = usePalette('default') const theme = useTheme() @@ -118,7 +115,7 @@ export function UserBanner({ </Pressable> )} </Menu.Trigger> - <Menu.Outer showCancel Portal={Portal}> + <Menu.Outer showCancel> <Menu.Group> {isNative && ( <Menu.Item |