diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-10-08 20:00:49 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-08 20:00:49 +0300 |
| commit | fc82d2f6d5e8a93f0e7ce4861c5205c8a4b49c30 (patch) | |
| tree | 51e618db283d28ef241f0e6f2f6180004e6cb6e7 /src/components/Prompt.tsx | |
| parent | efcf8a6ae59d9767bc2289af927a2e12bc39a054 (diff) | |
| download | voidsky-fc82d2f6d5e8a93f0e7ce4861c5205c8a4b49c30.tar.zst | |
Move Dialogs to Radix (#5648)
* Use Redix FocusTrap (#5638) * Use Redix FocusTrap * force resolutions on radix libs * add focus guards * use @radix-ui/dismissable-layer for escape handling * fix banner menu keypress by using `Pressable` * add menu in dialog example to storybook --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com> * use DismissableLayer/FocusScope for composer * fix storybook dialog * thread Portal through Prompt and avatar/banner * fix dialog style regression * remove tamagui --------- Co-authored-by: Eric Bailey <git@esb.lol>
Diffstat (limited to 'src/components/Prompt.tsx')
| -rw-r--r-- | src/components/Prompt.tsx | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/Prompt.tsx b/src/components/Prompt.tsx index fc6919af8..c47f0d64a 100644 --- a/src/components/Prompt.tsx +++ b/src/components/Prompt.tsx @@ -8,6 +8,7 @@ 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' export { type DialogControlProps as PromptControlProps, @@ -27,10 +28,12 @@ export function Outer({ control, testID, Portal, + nativeOptions, }: React.PropsWithChildren<{ control: Dialog.DialogControlProps testID?: string Portal?: PortalComponent + nativeOptions?: Omit<BottomSheetViewProps, 'children'> }>) { const {gtMobile} = useBreakpoints() const titleId = React.useId() @@ -42,7 +45,11 @@ export function Outer({ ) return ( - <Dialog.Outer control={control} testID={testID} Portal={Portal}> + <Dialog.Outer + control={control} + testID={testID} + Portal={Portal} + nativeOptions={{preventExpansion: true, ...nativeOptions}}> <Dialog.Handle /> <Context.Provider value={context}> <Dialog.ScrollableInner |