your personal website on atproto - mirror
blento.app
switch thumbnails
+7
-10
+7
-10
src/routes/[[actor=actor]]/events/[rkey]/EventAttendees.svelte
+7
-10
src/routes/[[actor=actor]]/events/[rkey]/EventAttendees.svelte
···
64
64
}
65
65
}
66
66
67
+
function thumbnail(url: string | undefined) {
68
+
return url?.replace('/avatar/', '/avatar_thumbnail/');
69
+
}
70
+
67
71
export function removeAttendee(did: string) {
68
72
const wasGoing = goingAttendees.some((a) => a.did === did);
69
73
const wasInterested = interestedAttendees.some((a) => a.did === did);
···
102
106
out:scale={{ duration: 200, start: 0.5 }}
103
107
>
104
108
<FoxAvatar
105
-
src={person.avatar}
109
+
src={thumbnail(person.avatar)}
106
110
alt={person.name}
107
-
fallback={person.name}
108
111
class="border-base-100 dark:border-base-900 size-12 border-2"
109
112
/>
110
113
</div>
···
143
146
out:scale={{ duration: 200, start: 0.5 }}
144
147
>
145
148
<FoxAvatar
146
-
src={person.avatar}
149
+
src={thumbnail(person.avatar)}
147
150
alt={person.name}
148
-
fallback={person.name}
149
151
class="border-base-100 dark:border-base-900 size-12 border-2"
150
152
/>
151
153
</div>
···
181
183
rel={person.url?.startsWith('/') ? undefined : 'noopener noreferrer'}
182
184
class="hover:bg-base-200 dark:hover:bg-base-900 flex items-center gap-3 rounded-xl px-2 py-2 transition-colors"
183
185
>
184
-
<FoxAvatar
185
-
src={person.avatar}
186
-
alt={person.name}
187
-
fallback={person.name}
188
-
class="size-10 shrink-0"
189
-
/>
186
+
<FoxAvatar src={thumbnail(person.avatar)} alt={person.name} class="size-10 shrink-0" />
190
187
<div class="min-w-0">
191
188
<p class="text-base-900 dark:text-base-50 truncate text-sm font-medium">
192
189
{person.name}