zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

HostingProvider tweaks

zio/stable
Eric Bailey 2024-03-20 16:15:41 -05:00
parent 94cc08929f
commit 6e1541f203
1 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/forms/HostingProvider.tsx
View File

@ -51,36 +51,44 @@ export function HostingProvider({
a.align_center, a.align_center,
a.rounded_sm, a.rounded_sm,
a.px_md, a.px_md,
a.pr_sm,
a.gap_xs, a.gap_xs,
{paddingVertical: isAndroid ? 14 : 9}, {paddingVertical: isAndroid ? 14 : 9},
]} ]}
onPress={onPressSelectService}> onPress={onPressSelectService}>
{({hovered}) => ( {({hovered, pressed}) => {
<> const interacted = hovered || pressed
<View style={a.pr_xs}> return (
<Globe <>
size="md" <View style={a.pr_xs}>
fill={hovered ? t.palette.contrast_800 : t.palette.contrast_500} <Globe
/> size="md"
</View> fill={
<Text style={[a.text_md]}>{toNiceDomain(serviceUrl)}</Text> interacted ? t.palette.contrast_800 : t.palette.contrast_500
<View }
style={[ />
a.rounded_sm, </View>
hovered ? t.atoms.bg_contrast_300 : t.atoms.bg_contrast_100, <Text style={[a.text_md]}>{toNiceDomain(serviceUrl)}</Text>
{marginLeft: 'auto', left: 6, padding: 6}, <View
]}> style={[
<Pencil a.rounded_sm,
size="sm" interacted
style={{ ? t.atoms.bg_contrast_300
color: hovered : t.atoms.bg_contrast_100,
? t.palette.contrast_800 {marginLeft: 'auto', padding: 6},
: t.palette.contrast_500, ]}>
}} <Pencil
/> size="sm"
</View> style={{
</> color: interacted
)} ? t.palette.contrast_800
: t.palette.contrast_500,
}}
/>
</View>
</>
)
}}
</Button> </Button>
</> </>
) )