diff --git a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/DropdownMobile.js b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/DropdownMobile.js index 5441903b34..b55d6c26ef 100644 --- a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/DropdownMobile.js +++ b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/DropdownMobile.js @@ -30,6 +30,7 @@ import styled from "styled-components"; import RoomType from "@docspace/shared/components/room-type"; import { RoomsTypeValues } from "@docspace/shared/utils/common"; import { Backdrop } from "@docspace/shared/components/backdrop"; +import { Portal } from "@docspace/shared/components/portal"; import { Base } from "@docspace/shared/themes"; @@ -57,33 +58,38 @@ const DropdownMobile = ({ open, onClose, chooseRoomType, - forсeHideDropdown, + forceHideDropdown, }) => { return ( - <> - - {!forсeHideDropdown && ( - - {RoomsTypeValues.map((roomType) => ( - chooseRoomType(roomType)} - /> - ))} - - )} - + + + {!forceHideDropdown && ( + + {RoomsTypeValues.map((roomType) => ( + chooseRoomType(roomType)} + /> + ))} + + )} + + } + /> ); }; diff --git a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/index.js b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/index.js index 290e377a9f..6121844a88 100644 --- a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/index.js +++ b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/index.js @@ -47,7 +47,7 @@ const RoomTypeDropdown = ({ setRoomType, setIsScrollLocked, isDisabled, - forсeHideDropdown, + forceHideDropdown, }) => { const [isOpen, setIsOpen] = useState(false); @@ -69,11 +69,11 @@ const RoomTypeDropdown = ({ }; useEffect(() => { - if (forсeHideDropdown) { + if (forceHideDropdown) { setIsScrollLocked(false); setIsOpen(false); } - }, [forсeHideDropdown]); + }, [forceHideDropdown]); return ( @@ -92,7 +92,7 @@ const RoomTypeDropdown = ({ open={isOpen} onClose={toggleDropdown} chooseRoomType={chooseRoomType} - forсeHideDropdown={forсeHideDropdown} + forceHideDropdown={forceHideDropdown} /> ) : ( diff --git a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js index 3434c1073f..e1c91a1dcc 100644 --- a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js +++ b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/SetRoomParams.js @@ -157,7 +157,7 @@ const SetRoomParams = ({ setRoomType={setRoomType} setIsScrollLocked={setIsScrollLocked} isDisabled={isDisabled} - forсeHideDropdown={forceHideRoomTypeDropdown} + forceHideDropdown={forceHideRoomTypeDropdown} /> )} {isEdit && (