forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Messages list - make avatars link to profile (#5484)
authored by
Samuel Newman
and committed by
GitHub
78fb6660
2e5f95c8
+18
-7
+18
-7
src/screens/Messages/List/ChatListItem.tsx
+18
-7
src/screens/Messages/List/ChatListItem.tsx
···
24
24
import {useModerationOpts} from '#/state/preferences/moderation-opts'
25
25
import {useSession} from '#/state/session'
26
26
import {TimeElapsed} from '#/view/com/util/TimeElapsed'
27
-
import {UserAvatar} from '#/view/com/util/UserAvatar'
27
+
import {PreviewableUserAvatar} from '#/view/com/util/UserAvatar'
28
28
import {atoms as a, useBreakpoints, useTheme, web} from '#/alf'
29
+
import * as tokens from '#/alf/tokens'
29
30
import {ConvoMenu} from '#/components/dms/ConvoMenu'
30
31
import {Bell2Off_Filled_Corner0_Rounded as BellStroke} from '#/components/icons/Bell2'
31
32
import {Link} from '#/components/Link'
···
203
204
onFocus={onFocus}
204
205
onBlur={onMouseLeave}
205
206
style={[a.relative]}>
207
+
<View
208
+
style={[
209
+
a.z_10,
210
+
a.absolute,
211
+
{top: tokens.space.md, left: tokens.space.lg},
212
+
]}>
213
+
<PreviewableUserAvatar
214
+
profile={profile}
215
+
size={52}
216
+
moderation={moderation.ui('avatar')}
217
+
/>
218
+
</View>
219
+
206
220
<Link
207
221
to={`/messages/${convo.id}`}
208
222
label={displayName}
···
236
250
(hovered || pressed || focused) && t.atoms.bg_contrast_25,
237
251
t.atoms.border_contrast_low,
238
252
]}>
239
-
<UserAvatar
240
-
avatar={profile.avatar}
241
-
size={52}
242
-
moderation={moderation.ui('avatar')}
243
-
/>
253
+
{/* Avatar goes here */}
254
+
<View style={{width: 52, height: 52}} />
244
255
245
256
<View style={[a.flex_1, a.justify_center, web({paddingRight: 45})]}>
246
257
<View style={[a.w_full, a.flex_row, a.align_end, a.pb_2xs]}>
···
357
368
a.self_end,
358
369
a.justify_center,
359
370
{
360
-
right: a.px_lg.paddingRight,
371
+
right: tokens.space.lg,
361
372
opacity: !gtMobile || showActions || menuControl.isOpen ? 1 : 0,
362
373
},
363
374
]}