diff options
Diffstat (limited to 'src/components/Dialog')
-rw-r--r-- | src/components/Dialog/context.ts | 2 | ||||
-rw-r--r-- | src/components/Dialog/index.tsx | 23 | ||||
-rw-r--r-- | src/components/Dialog/index.web.tsx | 19 | ||||
-rw-r--r-- | src/components/Dialog/types.ts | 2 |
4 files changed, 24 insertions, 22 deletions
diff --git a/src/components/Dialog/context.ts b/src/components/Dialog/context.ts index 06d238b50..859f8edd7 100644 --- a/src/components/Dialog/context.ts +++ b/src/components/Dialog/context.ts @@ -1,11 +1,11 @@ import React from 'react' +import {useDialogStateContext} from '#/state/dialogs' import { DialogContextProps, DialogControlRefProps, DialogOuterProps, } from '#/components/Dialog/types' -import {useDialogStateContext} from '#/state/dialogs' export const Context = React.createContext<DialogContextProps>({ close: () => {}, diff --git a/src/components/Dialog/index.tsx b/src/components/Dialog/index.tsx index fdd43675e..f0e7b7e82 100644 --- a/src/components/Dialog/index.tsx +++ b/src/components/Dialog/index.tsx @@ -1,3 +1,5 @@ +import React, {useImperativeHandle} from 'react' +import {View, Dimensions, Keyboard, Pressable} from 'react-native' import BottomSheet, { BottomSheetBackdropProps, BottomSheetScrollView, @@ -6,24 +8,23 @@ import BottomSheet, { useBottomSheet, WINDOW_HEIGHT, } from '@gorhom/bottom-sheet' -import React, {useImperativeHandle} from 'react' -import {Dimensions, Keyboard, Pressable, View} from 'react-native' -import Animated, {useAnimatedStyle} from 'react-native-reanimated' import {useSafeAreaInsets} from 'react-native-safe-area-context' +import Animated, {useAnimatedStyle} from 'react-native-reanimated' + +import {useTheme, atoms as a, flatten} from '#/alf' +import {Portal} from '#/components/Portal' +import {createInput} from '#/components/forms/TextField' +import {logger} from '#/logger' +import {useDialogStateControlContext} from '#/state/dialogs' -import {atoms as a, flatten, useTheme} from '#/alf' -import {Context} from '#/components/Dialog/context' import { + DialogOuterProps, DialogControlProps, DialogInnerProps, - DialogOuterProps, } from '#/components/Dialog/types' -import {createInput} from '#/components/forms/TextField' -import {Portal} from '#/components/Portal' -import {logger} from '#/logger' -import {useDialogStateControlContext} from '#/state/dialogs' +import {Context} from '#/components/Dialog/context' -export {useDialogContext, useDialogControl} from '#/components/Dialog/context' +export {useDialogControl, useDialogContext} from '#/components/Dialog/context' export * from '#/components/Dialog/types' // @ts-ignore export const Input = createInput(BottomSheetTextInput) diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index 997bf77c1..3a7f73342 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -1,19 +1,20 @@ +import React, {useImperativeHandle} from 'react' +import {View, TouchableWithoutFeedback} from 'react-native' +import {FocusScope} from '@tamagui/focus-scope' +import Animated, {FadeInDown, FadeIn} from 'react-native-reanimated' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {FocusScope} from '@tamagui/focus-scope' -import React, {useImperativeHandle} from 'react' -import {TouchableWithoutFeedback, View} from 'react-native' -import Animated, {FadeIn, FadeInDown} from 'react-native-reanimated' -import {atoms as a, flatten, useBreakpoints, useTheme, web} from '#/alf' -import {Button, ButtonIcon} from '#/components/Button' +import {useTheme, atoms as a, useBreakpoints, web, flatten} from '#/alf' +import {Portal} from '#/components/Portal' + +import {DialogOuterProps, DialogInnerProps} from '#/components/Dialog/types' import {Context} from '#/components/Dialog/context' -import {DialogInnerProps, DialogOuterProps} from '#/components/Dialog/types' +import {Button, ButtonIcon} from '#/components/Button' import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times' -import {Portal} from '#/components/Portal' import {useDialogStateControlContext} from '#/state/dialogs' -export {useDialogContext, useDialogControl} from '#/components/Dialog/context' +export {useDialogControl, useDialogContext} from '#/components/Dialog/context' export * from '#/components/Dialog/types' export {Input} from '#/components/forms/TextField' diff --git a/src/components/Dialog/types.ts b/src/components/Dialog/types.ts index d84763174..4fc60ec39 100644 --- a/src/components/Dialog/types.ts +++ b/src/components/Dialog/types.ts @@ -1,6 +1,6 @@ -import {BottomSheetProps} from '@gorhom/bottom-sheet' import React from 'react' import type {AccessibilityProps} from 'react-native' +import {BottomSheetProps} from '@gorhom/bottom-sheet' import {ViewStyleProp} from '#/alf' |