daniela.lol
samuel.fm
+3
-10
src/view/screens/Storybook/Forms.tsx
+3
-10
src/view/screens/Storybook/Forms.tsx
···
1
1
import React from 'react'
2
2
import {type TextInput, View} from 'react-native'
3
3
4
-
import {getDefaultCountry} from '#/lib/international-telephone-codes'
5
4
import {atoms as a} from '#/alf'
6
5
import {Button, ButtonText} from '#/components/Button'
7
6
import {DateField, LabelText} from '#/components/forms/DateField'
···
10
9
import * as Toggle from '#/components/forms/Toggle'
11
10
import * as ToggleButton from '#/components/forms/ToggleButton'
12
11
import {Globe_Stroke2_Corner0_Rounded as Globe} from '#/components/icons/Globe'
13
-
import {InternationalPhoneCodeSelect} from '#/components/InternationalPhoneCodeSelect'
14
12
import {H1, H3} from '#/components/Typography'
15
-
import {useGeolocation} from '#/geolocation'
16
13
17
14
export function Forms() {
18
15
const [toggleGroupAValues, setToggleGroupAValues] = React.useState(['a'])
···
25
22
26
23
const [value, setValue] = React.useState('')
27
24
const [date, setDate] = React.useState('2001-01-01')
28
-
29
-
const location = useGeolocation()
30
-
const [telCode, setTelCode] = React.useState(() =>
31
-
getDefaultCountry(location),
32
-
)
33
25
34
26
const inputRef = React.useRef<TextInput>(null)
35
27
···
128
120
/>
129
121
</View>
130
122
131
-
<H3>InternationalPhoneCodeSelect</H3>
123
+
{/* commented out so it's not in the web bundle */}
124
+
{/*<H3>InternationalPhoneCodeSelect</H3>
132
125
133
126
<View style={[a.flex_row, a.gap_sm, a.align_center]}>
134
127
<View>
···
140
133
<View style={[a.flex_1]}>
141
134
<TextField.Input label="Phone number" />
142
135
</View>
143
-
</View>
136
+
</View>*/}
144
137
</View>
145
138
146
139
<View style={[a.gap_md, a.align_start, a.w_full]}>