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

Web: files: ManualBackup: Refactoring.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2022-02-06 20:15:27 +03:00
parent 80dafc0815
commit 6b89f94fbb
1 changed files with 21 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/ManualBackup.js
View File

@ -311,22 +311,31 @@ class ManualBackup extends React.Component {
const isDisabledThirdParty =
this.commonThirdPartyList && this.commonThirdPartyList.length === 0;
const commonRadioButtonProps = {
fontSize: "13px",
fontWeight: "400",
value: "value",
className: "backup_radio-button",
onClick: this.onClickShowStorage,
};
const commonModulesProps = {
isMaxProgress,
isCopyingLocal: isLoadingData,
onMakeCopy: this.onMakeCopy,
};
return isInitialLoading ? (
<Loader className="pageLoader" type="rombs" size="40px" />
) : (
<StyledManualBackup>
<StyledModules>
<RadioButton
fontSize="13px"
fontWeight="400"
label={t("TemporaryStorage")}
name={"isCheckedTemporaryStorage"}
key={0}
onClick={this.onClickShowStorage}
isChecked={isCheckedTemporaryStorage}
isDisabled={isLoadingData}
value="value"
className="backup_radio-button"
{...commonRadioButtonProps}
/>
<Text className="backup-description">
{t("TemporaryStorageDescription")}
@ -366,16 +375,12 @@ class ManualBackup extends React.Component {
<StyledModules>
<RadioButton
fontSize="13px"
fontWeight="400"
label={t("DocumentsModule")}
name={"isCheckedDocuments"}
key={1}
onClick={this.onClickShowStorage}
isChecked={isCheckedDocuments}
isDisabled={isLoadingData}
value="value"
className="backup_radio-button"
{...commonRadioButtonProps}
/>
<Text className="backup-description">
@ -384,62 +389,46 @@ class ManualBackup extends React.Component {
{isCheckedDocuments && (
<DocumentsModule
isMaxProgress={isMaxProgress}
{...commonModulesProps}
isCheckedDocuments={isCheckedDocuments}
isCopyingLocal={isLoadingData}
onMakeCopy={this.onMakeCopy}
/>
)}
</StyledModules>
<StyledModules isDisabled={isDisabledThirdParty}>
<RadioButton
fontSize="13px"
fontWeight="400"
label={t("ThirdPartyResource")}
name={"isCheckedThirdParty"}
key={2}
onClick={this.onClickShowStorage}
isChecked={isCheckedThirdParty}
isDisabled={isDisabledThirdParty || isLoadingData}
value="value"
className="backup_radio-button"
{...commonRadioButtonProps}
/>
<Text className="backup-description">
{t("ThirdPartyResourceDescription")}
</Text>
{isCheckedThirdParty && (
<ThirdPartyModule
isMaxProgress={isMaxProgress}
{...commonModulesProps}
commonThirdPartyList={this.commonThirdPartyList}
isCopyingLocal={isLoadingData}
onMakeCopy={this.onMakeCopy}
/>
)}
</StyledModules>
<StyledModules>
<RadioButton
fontSize="13px"
fontWeight="400"
label={t("ThirdPartyStorage")}
name={"isCheckedThirdPartyStorage"}
key={3}
onClick={this.onClickShowStorage}
isChecked={isCheckedThirdPartyStorage}
isDisabled={isLoadingData}
value="value"
className="backup_radio-button"
{...commonRadioButtonProps}
/>
<Text className="backup-description">
{t("ThirdPartyStorageDescription")}
</Text>
{isCheckedThirdPartyStorage && (
<ThirdPartyStorageModule
isMaxProgress={isMaxProgress}
isLoadingData={isLoadingData}
onMakeCopy={this.onMakeCopy}
/>
<ThirdPartyStorageModule {...commonModulesProps} />
)}
</StyledModules>