forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fix top border width for user list updates (#4340)
* fix nits in add/remove users from list screen
invert check
use `ViewHeader`
simplify
replace with hairline width
fix top border width for user list updates
* dont use `ViewHeader`
* update one more hairline
+30
-25
+30
-25
src/view/com/modals/UserAddRemoveLists.tsx
+30
-25
src/view/com/modals/UserAddRemoveLists.tsx
···
6
6
View,
7
7
} from 'react-native'
8
8
import {AppBskyGraphDefs as GraphDefs} from '@atproto/api'
9
-
import {Text} from '../util/text/Text'
10
-
import {UserAvatar} from '../util/UserAvatar'
11
-
import {MyLists} from '../lists/MyLists'
12
-
import {Button} from '../util/forms/Button'
13
-
import * as Toast from '../util/Toast'
14
-
import {sanitizeDisplayName} from 'lib/strings/display-names'
15
-
import {sanitizeHandle} from 'lib/strings/handles'
16
-
import {s} from 'lib/styles'
17
-
import {usePalette} from 'lib/hooks/usePalette'
18
-
import {isWeb, isAndroid, isMobileWeb} from 'platform/detection'
19
-
import {Trans, msg} from '@lingui/macro'
9
+
import {msg, Trans} from '@lingui/macro'
20
10
import {useLingui} from '@lingui/react'
11
+
12
+
import {cleanError} from '#/lib/strings/errors'
21
13
import {useModalControls} from '#/state/modals'
22
14
import {
23
-
useDangerousListMembershipsQuery,
24
15
getMembership,
25
16
ListMembersip,
17
+
useDangerousListMembershipsQuery,
26
18
useListMembershipAddMutation,
27
19
useListMembershipRemoveMutation,
28
20
} from '#/state/queries/list-memberships'
29
-
import {cleanError} from '#/lib/strings/errors'
30
21
import {useSession} from '#/state/session'
22
+
import {usePalette} from 'lib/hooks/usePalette'
23
+
import {sanitizeDisplayName} from 'lib/strings/display-names'
24
+
import {sanitizeHandle} from 'lib/strings/handles'
25
+
import {s} from 'lib/styles'
26
+
import {isAndroid, isMobileWeb, isWeb} from 'platform/detection'
27
+
import {MyLists} from '../lists/MyLists'
28
+
import {Button} from '../util/forms/Button'
29
+
import {Text} from '../util/text/Text'
30
+
import * as Toast from '../util/Toast'
31
+
import {UserAvatar} from '../util/UserAvatar'
32
+
import hairlineWidth = StyleSheet.hairlineWidth
31
33
32
34
export const snapPoints = ['fullscreen']
33
35
···
61
63
return [pal.border, {height: screenHeight / 1.5}]
62
64
}
63
65
64
-
return [pal.border, {flex: 1, borderTopWidth: 1}]
66
+
return [pal.border, {flex: 1, borderTopWidth: hairlineWidth}]
65
67
}, [pal.border, screenHeight])
66
68
67
69
return (
68
70
<View testID="userAddRemoveListsModal" style={s.hContentRegion}>
69
-
<Text style={[styles.title, pal.text]}>
71
+
<Text
72
+
style={[
73
+
{
74
+
textAlign: 'center',
75
+
fontWeight: 'bold',
76
+
fontSize: 20,
77
+
marginBottom: 12,
78
+
paddingHorizontal: 12,
79
+
},
80
+
pal.text,
81
+
]}
82
+
numberOfLines={1}>
70
83
<Trans>Update {displayName} in Lists</Trans>
71
84
</Text>
72
85
<MyLists
···
175
188
style={[
176
189
styles.listItem,
177
190
pal.border,
178
-
{
179
-
borderTopWidth: index === 0 ? 0 : 1,
180
-
},
191
+
index !== 0 && {borderTopWidth: hairlineWidth},
181
192
]}>
182
193
<View style={styles.listItemAvi}>
183
194
<UserAvatar size={40} avatar={list.avatar} type="list" />
···
229
240
container: {
230
241
paddingHorizontal: isWeb ? 0 : 16,
231
242
},
232
-
title: {
233
-
textAlign: 'center',
234
-
fontWeight: 'bold',
235
-
fontSize: 24,
236
-
marginBottom: 12,
237
-
},
238
243
btns: {
239
244
position: 'relative',
240
245
flexDirection: 'row',
···
243
248
gap: 10,
244
249
paddingTop: 10,
245
250
paddingBottom: isAndroid ? 10 : 0,
246
-
borderTopWidth: 1,
251
+
borderTopWidth: hairlineWidth,
247
252
},
248
253
footerBtn: {
249
254
paddingHorizontal: 24,