arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Tooltip on send button

Browse Source
This commit is contained in:
April Hall 2025-02-25 11:03:45 -05:00
parent a37cd91191
commit bbc8f090d8
No known key found for this signature in database
GPG Key ID: A49AC35CB186266C
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/(main)/channel/[channel]/+page.svelte
View File

@ -3,7 +3,7 @@
import EmptyChannel from '$lib/components/emptyChannel.svelte'; import EmptyChannel from '$lib/components/emptyChannel.svelte';
import Message from '$lib/components/message.svelte'; import Message from '$lib/components/message.svelte';
import MessageLengthDialog from '$lib/components/messageLengthDialog.svelte'; import MessageLengthDialog from '$lib/components/messageLengthDialog.svelte';
import { Button } from '$lib/components/ui/button/index'; import { buttonVariants } from '$lib/components/ui/button';
import { autoResize } from '$lib/functions/autoresize.svelte'; import { autoResize } from '$lib/functions/autoresize.svelte';
import Websocket from '$lib/functions/clientWebsocket.svelte'; import Websocket from '$lib/functions/clientWebsocket.svelte';
import type { TypeMessage } from '$lib/types'; import type { TypeMessage } from '$lib/types';
@ -11,6 +11,7 @@
import { io } from 'socket.io-client'; import { io } from 'socket.io-client';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import type { PageData } from './$types'; import type { PageData } from './$types';
import * as Tooltip from '$lib/components/ui/tooltip';
const { data }: { data: PageData } = $props(); const { data }: { data: PageData } = $props();
@ -116,6 +117,13 @@
shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1
focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50" focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
></textarea> ></textarea>
<Button class="h-full min-h-10 w-14" type="submit"><Send class="size-full" /></Button> <Tooltip.Root>
<Tooltip.Trigger class="h-full min-h-10 w-14 {buttonVariants({ variant: 'default' })}" type="submit">
<Send class="size-full" />
</Tooltip.Trigger>
<Tooltip.Content>
<p>Send</p>
</Tooltip.Content>
</Tooltip.Root>
</form> </form>
</div> </div>