IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Files: CreateEditRoomDialog: fixed DropdownMobile

Browse Source
This commit is contained in:
Nikita Gopienko 2024-07-16 13:32:53 +03:00
parent 4698c7a7e9
commit 6b63e7da3c
3 changed files with 36 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/DropdownMobile.js
View File

@ -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,9 +58,12 @@ const DropdownMobile = ({
open,
onClose,
chooseRoomType,
forсeHideDropdown,
forceHideDropdown,
}) => {
return (
<Portal
visible
element={
<>
<Backdrop
visible={open}
@ -69,7 +73,7 @@ const DropdownMobile = ({
isAside
zIndex={450}
/>
{!forсeHideDropdown && (
{!forceHideDropdown && (
<StyledDropdownMobile className="dropdown-mobile" isOpen={open}>
{RoomsTypeValues.map((roomType) => (
<RoomType
@ -84,6 +88,8 @@ const DropdownMobile = ({
</StyledDropdownMobile>
)}
</>
}
/>
);
};

8
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/RoomTypeDropdown/index.js
View File

@ -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 (
<StyledRoomTypeDropdown isOpen={isOpen}>
@ -92,7 +92,7 @@ const RoomTypeDropdown = ({
open={isOpen}
onClose={toggleDropdown}
chooseRoomType={chooseRoomType}
forсeHideDropdown={forсeHideDropdown}
forceHideDropdown={forceHideDropdown}
/>
) : (
<DropdownDesktop t={t} open={isOpen} chooseRoomType={chooseRoomType} />

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

@ -157,7 +157,7 @@ const SetRoomParams = ({
setRoomType={setRoomType}
setIsScrollLocked={setIsScrollLocked}
isDisabled={isDisabled}
forсeHideDropdown={forceHideRoomTypeDropdown}
forceHideDropdown={forceHideRoomTypeDropdown}
/>
)}
{isEdit && (