Web: Fix WARNING export 'StyledAddUsersPanelPanel' (imported as 'StyledAddUsersPanelPanel') was not found in '../StyledPanels'

This commit is contained in:
Alexey Safronov 2022-09-08 15:03:40 +03:00
parent 888744a586
commit 1a6e25ddb0
2 changed files with 56 additions and 56 deletions

View File

@ -1,57 +1,57 @@
import React from "react";
import PeopleSelector from "@docspace/client/src/components/PeopleSelector";
import Aside from "@docspace/components/aside";
import Backdrop from "@docspace/components/backdrop";
import Heading from "@docspace/components/heading";
import IconButton from "@docspace/components/icon-button";
import {
StyledAddUsersPanelPanel,
StyledContent,
StyledHeaderContent,
StyledBody,
} from "../StyledPanels";
// import React from "react";
// import PeopleSelector from "@docspace/client/src/components/PeopleSelector";
// import Aside from "@docspace/components/aside";
// import Backdrop from "@docspace/components/backdrop";
// import Heading from "@docspace/components/heading";
// import IconButton from "@docspace/components/icon-button";
// import {
// StyledAddUsersPanelPanel,
// StyledContent,
// StyledHeaderContent,
// StyledBody,
// } from "../StyledPanels";
const OwnerSelector = (props) => {
const {
ownerLabel,
isOpen,
groupsCaption,
onOwnerSelect,
onClose,
onClosePanel,
theme,
} = props;
// const OwnerSelector = (props) => {
// const {
// ownerLabel,
// isOpen,
// groupsCaption,
// onOwnerSelect,
// onClose,
// onClosePanel,
// theme,
// } = props;
const zIndex = 310;
// const zIndex = 310;
return (
<StyledAddUsersPanelPanel visible={isOpen}>
<Backdrop
onClick={onClose}
visible={isOpen}
zIndex={zIndex}
isAside={true}
/>
<Aside className="header_aside-panel">
<StyledContent>
<StyledBody /*ref={this.scrollRef}*/>
<PeopleSelector
role="user"
employeeStatus={1}
displayType="aside"
withoutAside
isOpen={isOpen}
onSelect={onOwnerSelect}
groupsCaption={groupsCaption}
onCancel={onClose}
onArrowClick={onClosePanel}
headerLabel={ownerLabel}
/>
</StyledBody>
</StyledContent>
</Aside>
</StyledAddUsersPanelPanel>
);
};
// return (
// <StyledAddUsersPanelPanel visible={isOpen}>
// <Backdrop
// onClick={onClose}
// visible={isOpen}
// zIndex={zIndex}
// isAside={true}
// />
// <Aside className="header_aside-panel">
// <StyledContent>
// <StyledBody /*ref={this.scrollRef}*/>
// <PeopleSelector
// role="user"
// employeeStatus={1}
// displayType="aside"
// withoutAside
// isOpen={isOpen}
// onSelect={onOwnerSelect}
// groupsCaption={groupsCaption}
// onCancel={onClose}
// onArrowClick={onClosePanel}
// headerLabel={ownerLabel}
// />
// </StyledBody>
// </StyledContent>
// </Aside>
// </StyledAddUsersPanelPanel>
// );
// };
export default OwnerSelector;
// export default OwnerSelector;

View File

@ -8,7 +8,7 @@ import Text from "@docspace/components/text";
import Link from "@docspace/components/link";
import { withTranslation } from "react-i18next";
import toastr from "client/toastr";
import OwnerSelector from "./OwnerSelector";
// import OwnerSelector from "./OwnerSelector";
import {
StyledAsidePanel,
StyledContent,
@ -135,7 +135,7 @@ class ChangeOwnerComponent extends React.Component {
</StyledFooter>
</StyledContent>
</Aside>
{showPeopleSelector && (
{/* {showPeopleSelector && (
<OwnerSelector
theme={theme}
ownerLabel={t("ChangeOwner")}
@ -145,7 +145,7 @@ class ChangeOwnerComponent extends React.Component {
onClose={this.onClose}
onClosePanel={this.onShowPeopleSelector}
/>
)}
)} */}
</StyledAsidePanel>
);
}