aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Event.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-26 21:45:00 -0800
committerAdam Soltys <[email protected]>2024-11-26 21:45:00 -0800
commitf4eb6547d0db5edd0137fdefe461433500515040 (patch)
tree86a24ca7f263f80f322d59b2e5def5fc6b062719 /src/components/Event.svelte
parent872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0 (diff)
downloadcoinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.tar.gz
coinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.zip
warnings
Diffstat (limited to 'src/components/Event.svelte')
-rw-r--r--src/components/Event.svelte88
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">&nbsp;{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>