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