your personal website on atproto - mirror
blento.app
Fix record data letter casing
+3
-3
+2
-2
src/lib/cards/media/TealFMPlaysCard/AlbumArt.svelte
+2
-2
src/lib/cards/media/TealFMPlaysCard/AlbumArt.svelte
···
1
1
<script lang="ts">
2
-
let { releaseMbId, alt }: { releaseMbId?: string; alt: string } = $props();
2
+
let { releaseMbid, alt }: { releaseMbid?: string; alt: string } = $props();
3
3
4
4
let isLoading = $state(true);
5
5
let hasError = $state(false);
···
25
25
</div>
26
26
{:else}
27
27
<img
28
-
src="https://coverartarchive.org/release/{releaseMbId}/front-250"
28
+
src="https://coverartarchive.org/release/{releaseMbid}/front-250"
29
29
{alt}
30
30
class="h-10 w-10 rounded-lg object-cover {isLoading && 'hidden'}"
31
31
onload={() => {
+1
-1
src/lib/cards/media/TealFMPlaysCard/TealFMPlaysCard.svelte
+1
-1
src/lib/cards/media/TealFMPlaysCard/TealFMPlaysCard.svelte
···
52
52
{#snippet musicItem(play: Play)}
53
53
<div class="flex w-full items-center gap-3">
54
54
<div class="size-10 shrink-0">
55
-
<AlbumArt releaseMbId={play.value.releaseMbId} alt="" />
55
+
<AlbumArt releaseMbid={play.value.releaseMbid} alt="" />
56
56
</div>
57
57
<div class="min-w-0 flex-1">
58
58
<div class="inline-flex w-full max-w-full justify-between gap-2">