lenooby09.tech
mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
HostingProvider tweaks
+34
-26
+34
-26
src/components/forms/HostingProvider.tsx
+34
-26
src/components/forms/HostingProvider.tsx
···
51
51
a.align_center,
52
52
a.rounded_sm,
53
53
a.px_md,
54
+
a.pr_sm,
54
55
a.gap_xs,
55
56
{paddingVertical: isAndroid ? 14 : 9},
56
57
]}
57
58
onPress={onPressSelectService}>
58
-
{({hovered}) => (
59
-
<>
60
-
<View style={a.pr_xs}>
61
-
<Globe
62
-
size="md"
63
-
fill={hovered ? t.palette.contrast_800 : t.palette.contrast_500}
64
-
/>
65
-
</View>
66
-
<Text style={[a.text_md]}>{toNiceDomain(serviceUrl)}</Text>
67
-
<View
68
-
style={[
69
-
a.rounded_sm,
70
-
hovered ? t.atoms.bg_contrast_300 : t.atoms.bg_contrast_100,
71
-
{marginLeft: 'auto', left: 6, padding: 6},
72
-
]}>
73
-
<Pencil
74
-
size="sm"
75
-
style={{
76
-
color: hovered
77
-
? t.palette.contrast_800
78
-
: t.palette.contrast_500,
79
-
}}
80
-
/>
81
-
</View>
82
-
</>
83
-
)}
59
+
{({hovered, pressed}) => {
60
+
const interacted = hovered || pressed
61
+
return (
62
+
<>
63
+
<View style={a.pr_xs}>
64
+
<Globe
65
+
size="md"
66
+
fill={
67
+
interacted ? t.palette.contrast_800 : t.palette.contrast_500
68
+
}
69
+
/>
70
+
</View>
71
+
<Text style={[a.text_md]}>{toNiceDomain(serviceUrl)}</Text>
72
+
<View
73
+
style={[
74
+
a.rounded_sm,
75
+
interacted
76
+
? t.atoms.bg_contrast_300
77
+
: t.atoms.bg_contrast_100,
78
+
{marginLeft: 'auto', padding: 6},
79
+
]}>
80
+
<Pencil
81
+
size="sm"
82
+
style={{
83
+
color: interacted
84
+
? t.palette.contrast_800
85
+
: t.palette.contrast_500,
86
+
}}
87
+
/>
88
+
</View>
89
+
</>
90
+
)
91
+
}}
84
92
</Button>
85
93
</>
86
94
)