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

Mods UI fixes (#3296)

Browse source 
* Fix report dialog buttons on Android by adjusting styles

* Dry up label pref comp
This commit is contained in:
Eric Bailey 2024-03-21 12:21:36 -05:00 • committed by GitHub
parent 4ff2bb7aba
commit 5f39ca3187
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 390 additions and 380 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/ReportDialog/SelectLabelerView.tsx
View file

@ -38,7 +38,7 @@ export function SelectLabelerView({
<Divider />
<View style={[a.gap_xs, {marginHorizontal: a.p_md.padding * -1}]}>
<View style={[a.gap_sm]}>
{props.labelers.map(labeler => {
return (
<Button
@ -63,17 +63,14 @@ function LabelerButton({
const {hovered, pressed} = useButtonContext()
const interacted = hovered || pressed
const styles = React.useMemo(() => {
return {
interacted: {
backgroundColor: t.palette.contrast_50,
},
}
}, [t])
return (
<LabelingServiceCard.Outer
style={[a.p_md, a.rounded_sm, interacted && styles.interacted]}>
style={[
a.p_md,
a.rounded_sm,
t.atoms.bg_contrast_25,
interacted && t.atoms.bg_contrast_50,
]}>
<LabelingServiceCard.Avatar avatar={labeler.creator.avatar} />
<LabelingServiceCard.Content>
<LabelingServiceCard.Title