2024-09-11 17:48:34 +00:00
|
|
|
<script lang="ts">
|
|
|
|
|
import {displayRelayUrl} from "@welshman/util"
|
|
|
|
|
import Avatar from "@lib/components/Avatar.svelte"
|
|
|
|
|
import {deriveRelay} from "@welshman/app"
|
|
|
|
|
|
2025-02-04 00:37:14 +00:00
|
|
|
interface Props {
|
|
|
|
|
url?: string
|
|
|
|
|
}
|
|
|
|
|
|
2025-02-04 01:21:46 +00:00
|
|
|
const {url = ""}: Props = $props()
|
2024-09-11 17:48:34 +00:00
|
|
|
|
|
|
|
|
const relay = deriveRelay(url)
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<Avatar
|
2024-10-04 00:04:00 +00:00
|
|
|
icon="remote-controller-minimalistic"
|
2024-10-09 21:19:27 +00:00
|
|
|
class="!h-10 !w-10"
|
2024-09-11 17:48:34 +00:00
|
|
|
alt={displayRelayUrl(url)}
|
2024-10-04 00:04:00 +00:00
|
|
|
src={$relay?.profile?.icon} />
|
