Refactoring.
This commit is contained in:
parent
756f9b319c
commit
6eea58d591
@ -125,17 +125,7 @@ const ScrollList = styled.div`
|
||||
|
||||
const StyledBlock = styled.div`
|
||||
border-bottom: ${(props) => props.theme.filesPanels.sharing.borderBottom};
|
||||
|
||||
${(props) =>
|
||||
props.theme.interfaceDirection === "rtl"
|
||||
? css`
|
||||
padding-right: 16px;
|
||||
padding-left: 37px;
|
||||
`
|
||||
: css`
|
||||
padding-left: 16px;
|
||||
padding-right: 37px;
|
||||
`}
|
||||
padding-inline: 16px 37px;
|
||||
`;
|
||||
|
||||
StyledBlock.defaultProps = { theme: Base };
|
||||
@ -525,16 +515,8 @@ const StyledControlContainer = styled.div`
|
||||
z-index: 450;
|
||||
|
||||
@media ${mobile} {
|
||||
${(props) =>
|
||||
props.theme.interfaceDirection === "rtl"
|
||||
? css`
|
||||
left: 13px;
|
||||
top: 17px;
|
||||
`
|
||||
: css`
|
||||
right: 13px;
|
||||
top: 17px;
|
||||
`}
|
||||
inset-inline-end: 16px;
|
||||
}
|
||||
`;
|
||||
const StyledInviteLanguage = styled.div`
|
||||
|
@ -50,7 +50,6 @@ import {
|
||||
StyledInvitePanel,
|
||||
StyledButtons,
|
||||
StyledControlContainer,
|
||||
StyledCrossIconMobile,
|
||||
} from "./StyledInvitePanel";
|
||||
|
||||
import ItemsList from "./sub-components/ItemsList";
|
||||
|
@ -151,7 +151,7 @@ const StyledHeaderContainer = styled.div`
|
||||
border-bottom: 1px solid rgb(236, 238, 241);
|
||||
width: calc(100% + 32px);
|
||||
position: absolute;
|
||||
left: -16px;
|
||||
inset-inline-end: -16px;
|
||||
bottom: 0;
|
||||
}
|
||||
`;
|
||||
|
@ -1,74 +0,0 @@
|
||||
// (c) Copyright Ascensio System SIA 2009-2024
|
||||
//
|
||||
// This program is a free software product.
|
||||
// You can redistribute it and/or modify it under the terms
|
||||
// of the GNU Affero General Public License (AGPL) version 3 as published by the Free Software
|
||||
// Foundation. In accordance with Section 7(a) of the GNU AGPL its Section 15 shall be amended
|
||||
// to the effect that Ascensio System SIA expressly excludes the warranty of non-infringement of
|
||||
// any third-party rights.
|
||||
//
|
||||
// This program is distributed WITHOUT ANY WARRANTY, without even the implied warranty
|
||||
// of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For details, see
|
||||
// the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
||||
//
|
||||
// You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia, EU, LV-1021.
|
||||
//
|
||||
// The interactive user interfaces in modified source and object code versions of the Program must
|
||||
// display Appropriate Legal Notices, as required under Section 5 of the GNU AGPL version 3.
|
||||
//
|
||||
// Pursuant to Section 7(b) of the License you must retain the original Product logo when
|
||||
// distributing the program. Pursuant to Section 7(e) we decline to grant you any rights under
|
||||
// trademark law for use of our trademarks.
|
||||
//
|
||||
// All the Product's GUI elements, including illustrations and icon sets, as well as technical writing
|
||||
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
|
||||
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
|
||||
import React from "react";
|
||||
import styled from "styled-components";
|
||||
|
||||
import CrossIconReactSvgUrl from "PUBLIC_DIR/images/icons/17/cross.react.svg?url";
|
||||
|
||||
import { IconButton } from "../../icon-button";
|
||||
import { Base } from "../../../themes";
|
||||
|
||||
import { ModalDialogCloseButtonProps } from "../ModalDialog.types";
|
||||
import { ModalDialogType } from "../ModalDialog.enums";
|
||||
|
||||
const StyledCloseButtonWrapper = styled.div<{
|
||||
currentDisplayType: ModalDialogType;
|
||||
}>`
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
|
||||
margin-left: auto;
|
||||
padding-left: 2px;
|
||||
|
||||
svg {
|
||||
cursor: pointer;
|
||||
}
|
||||
`;
|
||||
|
||||
StyledCloseButtonWrapper.defaultProps = { theme: Base };
|
||||
|
||||
const CloseButton = ({
|
||||
currentDisplayType,
|
||||
|
||||
onClick,
|
||||
}: ModalDialogCloseButtonProps) => {
|
||||
return (
|
||||
<StyledCloseButtonWrapper
|
||||
onClick={onClick}
|
||||
currentDisplayType={currentDisplayType}
|
||||
className="modal-close"
|
||||
>
|
||||
<IconButton
|
||||
size={17}
|
||||
className="close-button"
|
||||
iconName={CrossIconReactSvgUrl}
|
||||
/>
|
||||
</StyledCloseButtonWrapper>
|
||||
);
|
||||
};
|
||||
|
||||
export { CloseButton };
|
@ -33,7 +33,6 @@ import { TSelectorItem } from "../../components/selector";
|
||||
export type GroupsSelectorProps = TSelectorHeader & {
|
||||
id?: string;
|
||||
className?: string;
|
||||
onClose?: () => void;
|
||||
onSubmit: (
|
||||
selectedItems: TSelectorItem[],
|
||||
access?: TAccessRight | null,
|
||||
|
@ -43,7 +43,7 @@ const GroupsSelector = (props: GroupsSelectorProps) => {
|
||||
className,
|
||||
|
||||
headerProps,
|
||||
onClose,
|
||||
|
||||
onSubmit,
|
||||
} = props;
|
||||
|
||||
|
@ -64,5 +64,4 @@ export type PeopleSelectorProps = TSelectorHeader &
|
||||
|
||||
emptyScreenHeader?: string;
|
||||
emptyScreenDescription?: string;
|
||||
onClose?: () => void;
|
||||
};
|
||||
|
@ -142,7 +142,6 @@ const PeopleSelector = ({
|
||||
|
||||
emptyScreenHeader,
|
||||
emptyScreenDescription,
|
||||
onClose,
|
||||
}: PeopleSelectorProps) => {
|
||||
const { t }: { t: TTranslation } = useTranslation(["Common"]);
|
||||
|
||||
|
@ -48,5 +48,4 @@ export type RoomSelectorProps = TSelectorHeader &
|
||||
withSearch?: boolean;
|
||||
|
||||
disableThirdParty?: boolean;
|
||||
onClose?: () => void;
|
||||
};
|
||||
|
@ -73,8 +73,6 @@ const RoomSelector = ({
|
||||
roomType,
|
||||
|
||||
disableThirdParty,
|
||||
|
||||
onClose,
|
||||
}: RoomSelectorProps) => {
|
||||
const { t }: { t: TTranslation } = useTranslation(["Common"]);
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user