forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
add pressed state and rm cloneElement
+5
-11
+5
-11
src/screens/Login/ChooseAccountForm.tsx
+5
-11
src/screens/Login/ChooseAccountForm.tsx
···
35
35
{i > 0 ? (
36
36
<View style={[a.border_b, t.atoms.border_contrast_low]} />
37
37
) : null}
38
-
{React.cloneElement(child, {
39
-
// @ts-ignore
40
-
style: {
41
-
borderRadius: 0,
42
-
borderWidth: 0,
43
-
},
44
-
})}
38
+
{child}
45
39
</React.Fragment>
46
40
) : null
47
41
})}
···
77
71
? _(msg`Continue as ${account.handle} (currently signed in)`)
78
72
: _(msg`Sign in as ${account.handle}`)
79
73
}>
80
-
{({hovered}) => (
74
+
{({hovered, pressed}) => (
81
75
<View
82
76
style={[
83
77
a.flex_1,
84
78
a.flex_row,
85
79
a.align_center,
86
80
{height: 48},
87
-
hovered && t.atoms.bg_contrast_25,
81
+
(hovered || pressed) && t.atoms.bg_contrast_25,
88
82
]}>
89
83
<View style={a.p_md}>
90
84
<UserAvatar avatar={profile?.avatar} size={24} />
···
165
159
style={[a.flex_1]}
166
160
onPress={() => onSelectAccount(undefined)}
167
161
label={_(msg`Login to account that is not listed`)}>
168
-
{({hovered}) => (
162
+
{({hovered, pressed}) => (
169
163
<View
170
164
style={[
171
165
a.flex_1,
···
173
167
a.flex_row,
174
168
a.align_center,
175
169
{height: 48},
176
-
hovered && t.atoms.bg_contrast_25,
170
+
(hovered || pressed) && t.atoms.bg_contrast_25,
177
171
]}>
178
172
<Text
179
173
style={[