Refactoring.

This commit is contained in:
Tatiana Lopaeva 2024-08-22 19:27:56 +03:00
parent 756f9b319c
commit 6eea58d591
10 changed files with 5 additions and 104 deletions

View File

@ -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;
`}
top: 17px;
inset-inline-end: 16px;
}
`;
const StyledInviteLanguage = styled.div`

View File

@ -50,7 +50,6 @@ import {
StyledInvitePanel,
StyledButtons,
StyledControlContainer,
StyledCrossIconMobile,
} from "./StyledInvitePanel";
import ItemsList from "./sub-components/ItemsList";

View File

@ -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;
}
`;

View File

@ -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 };

View File

@ -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,

View File

@ -43,7 +43,7 @@ const GroupsSelector = (props: GroupsSelectorProps) => {
className,
headerProps,
onClose,
onSubmit,
} = props;

View File

@ -64,5 +64,4 @@ export type PeopleSelectorProps = TSelectorHeader &
emptyScreenHeader?: string;
emptyScreenDescription?: string;
onClose?: () => void;
};

View File

@ -142,7 +142,6 @@ const PeopleSelector = ({
emptyScreenHeader,
emptyScreenDescription,
onClose,
}: PeopleSelectorProps) => {
const { t }: { t: TTranslation } = useTranslation(["Common"]);

View File

@ -48,5 +48,4 @@ export type RoomSelectorProps = TSelectorHeader &
withSearch?: boolean;
disableThirdParty?: boolean;
onClose?: () => void;
};

View File

@ -73,8 +73,6 @@ const RoomSelector = ({
roomType,
disableThirdParty,
onClose,
}: RoomSelectorProps) => {
const { t }: { t: TTranslation } = useTranslation(["Common"]);