diff --git a/packages/flat-pages/src/HomePage/MainRoomMenu/JoinRoomBox.tsx b/packages/flat-pages/src/HomePage/MainRoomMenu/JoinRoomBox.tsx index d7f7f6b4fdb..2ad2c24259f 100644 --- a/packages/flat-pages/src/HomePage/MainRoomMenu/JoinRoomBox.tsx +++ b/packages/flat-pages/src/HomePage/MainRoomMenu/JoinRoomBox.tsx @@ -1,6 +1,6 @@ import "./JoinRoomBox.less"; -import React, { useContext, useEffect, useRef, useState } from "react"; +import React, { KeyboardEvent, useContext, useEffect, useRef, useState } from "react"; import { observer } from "mobx-react-lite"; import { Button, Input, Modal, Checkbox, Form, InputRef } from "antd"; import { validate, version } from "uuid"; @@ -95,7 +95,11 @@ export const JoinRoomBox = observer(function JoinRoomBox({ onJ name="roomUUID" rules={[{ required: true, message: t("enter-room-uuid") }]} > - + @@ -129,6 +133,13 @@ export const JoinRoomBox = observer(function JoinRoomBox({ onJ showModal(true); } + function submitOnEnter(ev: KeyboardEvent): void { + if (ev.key === "Enter" && !ev.ctrlKey && !ev.shiftKey && !ev.altKey && !ev.metaKey) { + ev.preventDefault(); + sp(form.validateFields()).then(handleOk); + } + } + async function handleOk(): Promise { try { await sp(form.validateFields());