frontend/src/components/MessageInput.svelte

@@ -1,15 +1,17 @@
 <script>
-    import { SendIcon } from "svelte-feather-icons";
+    import request from "../request";
-import request from "../request";
     import { apiRoute } from "../storage";
-    import { messagesStoreProvider, overlayStore, smallViewport, userInfoStore } from "../stores";
+    import { messagesStoreProvider, overlayStore, userInfoStore } from "../stores";
 
     export let channel;
     let messageInput = "";
 
     $: messages = messagesStoreProvider.getStore(channel.id);
 
-    const sendMessage = async () => {
+    const onKeydown = async (e) => {
+        if (e.code !== "Enter")
+            return;
+
         if (messageInput.trim() === "" || !$userInfoStore)
             return;
 
@@ -42,20 +44,10 @@ import request from "../request";
             });
         }
     };
-
-    const onKeydown = async (e) => {
-        if (e.code !== "Enter")
-            return;
-
-        await sendMessage();
-    };
 </script>
 
 <style>
     .message-input-container {
-        display: flex;
-        justify-content: center;
-        align-items: center;
         width: 100%;
         padding: var(--space-norm);
     }
@@ -75,10 +67,6 @@ import request from "../request";
     .message-input::placeholder {
         color: var(--foreground-color-3);
     }
-
-    .send-button {
-        margin-left: var(--space-sm);
-    }
 </style>
 
 <div class="message-input-container">
@@ -89,9 +77,4 @@ import request from "../request";
         on:keydown={ onKeydown }
         bind:value={ messageInput }
     >
-    {#if $smallViewport}
-        <button class="icon-button send-button" on:click="{ sendMessage }">
-            <SendIcon />
-        </button>
-    {/if}
 </div>

frontend/src/components/Sidebar.svelte

@@ -112,7 +112,6 @@
         visibility: hidden;
     }
 
-    .sidebar-button.selected .icon-button,
     .sidebar-button:hover .icon-button {
         visibility: visible;
     }