Web: Files: CreateEditRoomDialog: fixed DropdownMobile
This commit is contained in:
parent
4698c7a7e9
commit
6b63e7da3c
@ -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 (
|
||||
<>
|
||||
<Backdrop
|
||||
visible={open}
|
||||
onClick={onClose}
|
||||
withBackground
|
||||
withoutBlur={false}
|
||||
isAside
|
||||
zIndex={450}
|
||||
/>
|
||||
{!forсeHideDropdown && (
|
||||
<StyledDropdownMobile className="dropdown-mobile" isOpen={open}>
|
||||
{RoomsTypeValues.map((roomType) => (
|
||||
<RoomType
|
||||
id={roomType}
|
||||
t={t}
|
||||
key={roomType}
|
||||
roomType={roomType}
|
||||
type="dropdownItem"
|
||||
onClick={() => chooseRoomType(roomType)}
|
||||
/>
|
||||
))}
|
||||
</StyledDropdownMobile>
|
||||
)}
|
||||
</>
|
||||
<Portal
|
||||
visible
|
||||
element={
|
||||
<>
|
||||
<Backdrop
|
||||
visible={open}
|
||||
onClick={onClose}
|
||||
withBackground
|
||||
withoutBlur={false}
|
||||
isAside
|
||||
zIndex={450}
|
||||
/>
|
||||
{!forceHideDropdown && (
|
||||
<StyledDropdownMobile className="dropdown-mobile" isOpen={open}>
|
||||
{RoomsTypeValues.map((roomType) => (
|
||||
<RoomType
|
||||
id={roomType}
|
||||
t={t}
|
||||
key={roomType}
|
||||
roomType={roomType}
|
||||
type="dropdownItem"
|
||||
onClick={() => chooseRoomType(roomType)}
|
||||
/>
|
||||
))}
|
||||
</StyledDropdownMobile>
|
||||
)}
|
||||
</>
|
||||
}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
|
@ -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} />
|
||||
|
@ -157,7 +157,7 @@ const SetRoomParams = ({
|
||||
setRoomType={setRoomType}
|
||||
setIsScrollLocked={setIsScrollLocked}
|
||||
isDisabled={isDisabled}
|
||||
forсeHideDropdown={forceHideRoomTypeDropdown}
|
||||
forceHideDropdown={forceHideRoomTypeDropdown}
|
||||
/>
|
||||
)}
|
||||
{isEdit && (
|
||||
|
Loading…
Reference in New Issue
Block a user