diff options
| author | Adam Soltys <[email protected]> | 2024-11-26 21:45:00 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-26 21:45:00 -0800 |
| commit | f4eb6547d0db5edd0137fdefe461433500515040 (patch) | |
| tree | 86a24ca7f263f80f322d59b2e5def5fc6b062719 /src/components/Event.svelte | |
| parent | 872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0 (diff) | |
| download | coinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.tar.gz coinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.zip | |
warnings
Diffstat (limited to 'src/components/Event.svelte')
| -rw-r--r-- | src/components/Event.svelte | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/src/components/Event.svelte b/src/components/Event.svelte deleted file mode 100644 index 78fdd230..00000000 --- a/src/components/Event.svelte +++ /dev/null @@ -1,88 +0,0 @@ -<script> - import Avatar from "$comp/Avatar.svelte"; - import Icon from "$comp/Icon.svelte"; - let { event } = $props(); - - let { id, user, seen, content } = event; - - let distance = (date) => { - let m = 60; - let h = 60 * m; - let d = 24 * h; - - let diff = Math.round(Date.now() / 1000) - date; - return diff > d - ? Math.round(diff / d) + "d" - : diff > h - ? Math.round(diff / h) + "h" - : diff > m - ? Math.round(diff / m) + "m" - : diff > 2 - ? diff + "s" - : "now"; - }; - - let w = $state(); -</script> - -<svelte:window bind:innerWidth={w} /> - -<div - class="flex text-sm lg:text-base text-secondary hover:bg-gray-100 px-4 py-3" - :key={id} -> - <a href={`/${user.pubkey}`}> - <div class="mb-auto mr-2"> - <div class="md:hidden"> - <Avatar size={12} {user} disabled={true} /> - </div> - <div class="hidden md:block"> - <Avatar size={20} {user} disabled={true} /> - </div> - </div> - </a> - - <div class="grow" style={`max-width: ${w - 100}px`}> - <div class="w-full flex pb-1 text-black pt-1"> - <div> - {user.display_name || ""} - <span class="text-secondary">@{user.username}</span> - </div> - <div class="text-secondary"> {distance(seen)}</div> - </div> - <div class="break-words text-black"> - {content} - </div> - - <div class="flex justify-between text-sm text-secondary pt-3"> - <div class="flex group"> - <Icon - icon="party" - style="mr-1 w-10 my-auto opacity-50 group-hover:opacity-100 group-hover:bg-white rounded-full p-2" - /> - <div class="my-auto group-hover:text-black">444</div> - </div> - <div class="flex group"> - <Icon - icon="support" - style="mr-1 w-10 my-auto opacity-50 group-hover:opacity-100 group-hover:bg-white rounded-full p-2" - /> - <div class="my-auto group-hover:text-black">1072</div> - </div> - <div class="flex group"> - <Icon - icon="smile" - style="mr-1 w-10 my-auto opacity-50 group-hover:opacity-100 group-hover:bg-white rounded-full p-2" - /> - <div class="my-auto group-hover:text-black">26</div> - </div> - <div class="flex group"> - <Icon - icon="bolt" - style="mr-1 h-10 my-auto opacity-50 group-hover:opacity-100 group-hover:bg-white rounded-full p-2" - /> - <div class="my-auto group-hover:text-black">4</div> - </div> - </div> - </div> -</div> |
