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

Web: Settings: Backup: Fixed styles.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2021-05-06 14:51:42 +03:00
parent 6aca6e9944
commit 4bcfc47f2d
1 changed files with 50 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/sub-components/thirdPartyStorageModule.js
View File

@ -9,7 +9,13 @@ import Box from "@appserver/components/box";
import Link from "@appserver/components/link";
import ComboBox from "@appserver/components/combobox";
import { getBackupStorage } from "@appserver/common/api/settings";
import styled from "styled-components";
const StyledComponent = styled.div`
.manual-backup_text-input {
margin-top: 16px;
}
`;
class ThirdPartyStorageModule extends React.PureComponent {
constructor(props) {
super(props);
@ -70,53 +76,53 @@ class ThirdPartyStorageModule extends React.PureComponent {
} = this.state;
console.log("availableOptions", availableOptions);
console.log("availableStorage", availableStorage);
return isLoading ? (
<></>
) : (
<div className="category-item-wrapper temporary-storage">
<div className="category-item-heading">
<Text className="inherit-title-link header">
{t("ThirdPartyStorage")}
return (
<StyledComponent>
<div className="category-item-wrapper temporary-storage">
<div className="category-item-heading">
<Text className="inherit-title-link header">
{t("ThirdPartyStorage")}
</Text>
</div>
<Text className="category-item-description">
{t("ThirdPartyStorageDescription")}
</Text>
</div>
<Text className="category-item-description">
{t("ThirdPartyStorageDescription")}
</Text>
<Text className="category-item-description note_description">
{t("ThirdPartyStorageNoteDescription")}
</Text>
<ComboBox
options={availableOptions}
selectedOption={{ key: 0, label: selectedOption }}
onSelect={() => ""}
isDisabled={false}
noBorder={false}
scaled={true}
scaledOptions={true}
dropDownMaxHeight={300}
className="team-template_text-input"
/>
<Box marginProp="16px 0 16px 0">
<Link
color="#316DAA"
target="_blank"
isHovered={true}
href={helpUrlCreatingBackup}
>
{t("LearnMore")}
</Link>
</Box>
<div className="manual-backup_buttons">
<Button
label={t("MakeCopy")}
onClick={() => console.log("click")}
primary
isDisabled={!maxProgress}
size="medium"
tabIndex={10}
<Text className="category-item-description note_description">
{t("ThirdPartyStorageNoteDescription")}
</Text>
<ComboBox
options={availableOptions}
selectedOption={{ key: 0, label: selectedOption }}
onSelect={() => ""}
isDisabled={isLoading}
noBorder={false}
scaled={true}
scaledOptions={true}
dropDownMaxHeight={300}
className="manual-backup_text-input"
/>
<Box marginProp="16px 0 16px 0">
<Link
color="#316DAA"
target="_blank"
isHovered={true}
href={helpUrlCreatingBackup}
>
{t("LearnMore")}
</Link>
</Box>
<div className="manual-backup_buttons">
<Button
label={t("MakeCopy")}
onClick={() => console.log("click")}
primary
isDisabled={!maxProgress || isLoading}
size="medium"
tabIndex={10}
/>
</div>
</div>
</div>
</StyledComponent>
);
}
}