Web:Client:Components:Dialogs:CreateEditRoomDialog Fixed the room creation event

packages/client/src/components/dialogs/CreateEditRoomDialog/CreateRoomDialog.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import styled, { css } from "styled-components";
 
 import ModalDialog from "@docspace/components/modal-dialog";
@@ -94,14 +94,6 @@ const CreateRoomDialog = ({
     if (e.keyCode === 13) onCreateRoom();
   };
 
-  useEffect(() => {
-    document.addEventListener("keyup", onKeyUpHandler, false);
-
-    return () => {
-      document.removeEventListener("keyup", onKeyUpHandler, false);
-    };
-  }, [onKeyUpHandler]);
-
   const onCreateRoom = async () => {
     if (!roomParams.title.trim()) {
       setIsValidTitle(false);
@@ -166,6 +158,7 @@ const CreateRoomDialog = ({
             isValidTitle={isValidTitle}
             setIsValidTitle={setIsValidTitle}
             enableThirdParty={enableThirdParty}
+            onKeyUp={onKeyUpHandler}
           />
         )}
       </ModalDialog.Body>

packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/Params/InputParam.js

@@ -31,6 +31,7 @@ const InputParam = React.forwardRef(
       isValidTitle,
       errorMessage,
       isAutoFocussed,
+      onKeyUp,
     },
     ref
   ) => {
@@ -63,6 +64,7 @@ const InputParam = React.forwardRef(
             isDisabled={isDisabled}
             hasError={!isValidTitle}
             isAutoFocussed={isAutoFocussed}
+            onKeyUp={onKeyUp}
           />
         </FieldContainer>
       </StyledInputParam>

packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js

@@ -49,6 +49,7 @@ const SetRoomParams = ({
   isDisabled,
   isValidTitle,
   setIsValidTitle,
+  onKeyUp,
   enableThirdParty,
 }) => {
   const [previewIcon, setPreviewIcon] = React.useState(null);
@@ -98,6 +99,7 @@ const SetRoomParams = ({
         isDisabled={isDisabled}
         isValidTitle={isValidTitle}
         errorMessage={t("Common:RequiredField")}
+        onKeyUp={onKeyUp}
         isAutoFocussed={true}
       />
       <TagInput