Merge branch 'main' into wip/mobile

1 files changed, 5 insertions, 25 deletions

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index 2705e4b..ef8ea0b 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -1,42 +1,22 @@
 <script>
     import SvelteMarkdown from 'svelte-markdown';
-    import { currentUser, logins } from '$lib/store';
-    import { deleteMessage } from '$lib/apiServer';
 
-    export let at;  // XXX: Omitted for now.
-    export let sender;
+    export let at;
     export let body;
-
-    let timestamp = new Date(at).toTimeString();
-    let name;
-    $: name = $logins.get(sender);
-    $: ownMessage = $currentUser.id == sender;
 </script>
 
-<div class="card card-hover m-4 relative" class:own-message={ownMessage} class:other-message={!ownMessage}>
-    <span class="chip variant-soft sticky top-o left-0">
-        <!-- TODO: should this show up for only the first of a run? -->
-        @{name}:
-    </span>
+<div class="message relative">
     <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span>
-    <section class="p-4">
+    <section class="p-1">
         <SvelteMarkdown source={body} />
     </section>
 </div>
 
 <style>
-    .card .timestamp {
+    .message .timestamp {
         display: none;
     }
-    .card:hover .timestamp {
+    .message:hover .timestamp {
         display: flex;
     }
-    .own-message {
-        width: 80%;
-        margin-right: auto;
-    }
-    .other-message {
-        width: 80%;
-        margin-left: auto;
-    }
 </style>