Compare commits
No commits in common. "d2d985516c88b3f8c857e8ba9fd52b6e474e631f" and "f67909c8e716ecf1934e918cb07c0687507a791e" have entirely different histories.
d2d985516c
...
f67909c8e7
2 changed files with 6 additions and 24 deletions
|
@ -1,15 +1,17 @@
|
||||||
<script>
|
<script>
|
||||||
import { SendIcon } from "svelte-feather-icons";
|
|
||||||
import request from "../request";
|
import request from "../request";
|
||||||
import { apiRoute } from "../storage";
|
import { apiRoute } from "../storage";
|
||||||
import { messagesStoreProvider, overlayStore, smallViewport, userInfoStore } from "../stores";
|
import { messagesStoreProvider, overlayStore, userInfoStore } from "../stores";
|
||||||
|
|
||||||
export let channel;
|
export let channel;
|
||||||
let messageInput = "";
|
let messageInput = "";
|
||||||
|
|
||||||
$: messages = messagesStoreProvider.getStore(channel.id);
|
$: messages = messagesStoreProvider.getStore(channel.id);
|
||||||
|
|
||||||
const sendMessage = async () => {
|
const onKeydown = async (e) => {
|
||||||
|
if (e.code !== "Enter")
|
||||||
|
return;
|
||||||
|
|
||||||
if (messageInput.trim() === "" || !$userInfoStore)
|
if (messageInput.trim() === "" || !$userInfoStore)
|
||||||
return;
|
return;
|
||||||
|
|
||||||
|
@ -42,20 +44,10 @@ import request from "../request";
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const onKeydown = async (e) => {
|
|
||||||
if (e.code !== "Enter")
|
|
||||||
return;
|
|
||||||
|
|
||||||
await sendMessage();
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.message-input-container {
|
.message-input-container {
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: var(--space-norm);
|
padding: var(--space-norm);
|
||||||
}
|
}
|
||||||
|
@ -75,10 +67,6 @@ import request from "../request";
|
||||||
.message-input::placeholder {
|
.message-input::placeholder {
|
||||||
color: var(--foreground-color-3);
|
color: var(--foreground-color-3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.send-button {
|
|
||||||
margin-left: var(--space-sm);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="message-input-container">
|
<div class="message-input-container">
|
||||||
|
@ -89,9 +77,4 @@ import request from "../request";
|
||||||
on:keydown={ onKeydown }
|
on:keydown={ onKeydown }
|
||||||
bind:value={ messageInput }
|
bind:value={ messageInput }
|
||||||
>
|
>
|
||||||
{#if $smallViewport}
|
|
||||||
<button class="icon-button send-button" on:click="{ sendMessage }">
|
|
||||||
<SendIcon />
|
|
||||||
</button>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -112,7 +112,6 @@
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-button.selected .icon-button,
|
|
||||||
.sidebar-button:hover .icon-button {
|
.sidebar-button:hover .icon-button {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue