File size: 1,028 Bytes
9829d0c 936176c 09bc654 936176c 9829d0c 2488073 9c0f990 9829d0c 8c5a2cf 9829d0c 2488073 9829d0c 8c5a2cf 9829d0c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<script lang="ts">
interface Props {
orgName: string | undefined;
size?: "sm" | "md";
}
let { orgName, size = "md" }: Props = $props();
let sizeClass = $derived(size === "sm" ? "size-3" : "size-4");
async function getAvatarUrl(orgName?: string) {
if (!orgName) return;
const url = `https://huggingface.co/api/organizations/${orgName}/avatar`;
const res = await fetch(url);
if (!res.ok) {
console.error(`Error getting avatar url for org: ${orgName}`, res.status, res.statusText);
return;
}
const json = await res.json();
const { avatarUrl } = json;
return avatarUrl;
}
</script>
{#await getAvatarUrl(orgName)}
<div class="{sizeClass} flex-none rounded-sm bg-gray-200"></div>
{:then avatarUrl}
{#if avatarUrl}
<img class="{sizeClass} flex-none rounded-sm bg-gray-200 object-cover" src={avatarUrl} alt="{orgName} avatar" />
{:else}
<div class="{sizeClass} flex-none rounded-sm bg-gray-200"></div>
{/if}
{:catch}
<div class="{sizeClass} flex-none rounded-sm bg-gray-200"></div>
{/await}
|