feat(chat): usage improvements with hooks

1. scroll room messages to the bottom
2. submit message on `enter`
This commit is contained in:
2024-11-06 00:55:03 +00:00
parent 137b9b4581
commit 503efaf10b
4 changed files with 47 additions and 3 deletions

View File

@@ -21,9 +21,17 @@ import "phoenix_html"
import { Socket } from "phoenix"
import { LiveSocket } from "phoenix_live_view"
import topbar from "../vendor/topbar"
import RoomMessages from "./hooks/RoomMessages"
import ChatMessageTextarea from "./hooks/ChatMessageTextarea"
const hooks = {
ChatMessageTextarea,
RoomMessages,
}
let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
let liveSocket = new LiveSocket("/live", Socket, {
hooks,
longPollFallbackMs: 2500,
params: {
_csrf_token: csrfToken,