diff --git a/components/chat/ChatInput.vue b/components/chat/ChatInput.vue index 0bc90492..9d1a78db 100644 --- a/components/chat/ChatInput.vue +++ b/components/chat/ChatInput.vue @@ -167,9 +167,10 @@ import { useForm } from "vee-validate"; import { toTypedSchema } from "~/utilities/vee-validate-zod"; import { chatEnterAction } from "~/utilities/chatInputKeys"; import { toastChatError } from "~/utilities/chatErrors"; -import { CHAT_MESSAGE_MAX_LENGTH } from "~/constants/chat"; - -const REMAINING_HINT_AT = 200; +import { + CHAT_MESSAGE_MAX_LENGTH, + CHAT_REMAINING_HINT_AT, +} from "~/constants/chat"; export interface ChatInputChannel { value: string; @@ -232,7 +233,7 @@ export default { return CHAT_MESSAGE_MAX_LENGTH - message.length; }, showRemaining(): boolean { - return this.remainingCharacters <= REMAINING_HINT_AT; + return this.remainingCharacters <= CHAT_REMAINING_HINT_AT; }, activeChannelValue() { return this.destination ?? this.channels[0]?.value; diff --git a/components/chat/ChatMessage.vue b/components/chat/ChatMessage.vue index d4ed9512..debc247d 100644 --- a/components/chat/ChatMessage.vue +++ b/components/chat/ChatMessage.vue @@ -3,6 +3,8 @@ import { dateLocale } from "~/utilities/dateLocale"; import TimeAgo from "~/components/TimeAgo.vue"; import PlayerDisplay from "~/components/PlayerDisplay.vue"; import ChatMessageActions from "~/components/chat/ChatMessageActions.vue"; +import ChatMessageEditor from "~/components/chat/ChatMessageEditor.vue"; +import FiveStackToolTip from "~/components/FiveStackToolTip.vue"; @@ -95,9 +128,11 @@ import ChatMessageActions from "~/components/chat/ChatMessageActions.vue"; + +