fixed translations and styles on ThirdPartyMove dialog

This commit is contained in:
mushka 2022-07-07 17:54:28 +03:00
parent 2ba523da5f
commit 4ef6970583
2 changed files with 14 additions and 14 deletions

View File

@ -1,4 +1,6 @@
{
"MoveConfirmation": "Move confirmation",
"MoveConfirmationMessage": "You are about to move elements from the {{provider}} directory. They will be deleted from your {{provider}} account and will no longer be accessible to other users."
"MoveConfirmationAlert": "You are about to move elements from the {{provider}} directory. In such a case, they will be deleted from your {{provider}} account and will no longer be accessible to other users, in case these elements have previously been shared.",
"MoveFileOption": "Move file",
"CreateFileCopyOption": "Create file copy"
}

View File

@ -34,12 +34,16 @@ const StyledOperationDialog = styled(ModalDialog)`
svg {
overflow: visible;
margin-right: 8px;
margin-top: 3px;
}
.radio-option-title {
font-weight: 600;
font-size: 14px;
span {
display: flex;
align-items: center;
.radio-option-title {
font-weight: 600;
font-size: 14px;
line-height: 16px;
}
}
}
}
@ -114,14 +118,12 @@ const PureThirdPartyMoveContainer = ({
const radioOptions = [
{
label: (
<Text className="radio-option-title">{t("Translations:Move")}</Text>
),
label: <Text className="radio-option-title">{t("MoveFileOption")}</Text>,
value: "move",
},
{
label: (
<Text className="radio-option-title">{t("Translations:Copy")}</Text>
<Text className="radio-option-title">{t("CreateFileCopyOption")}</Text>
),
value: "copy",
},
@ -148,10 +150,6 @@ const PureThirdPartyMoveContainer = ({
fileIds,
deleteAfter,
isCopy,
translations: {
copy: t("Common:CopyOperation"),
move: t("Translations:MoveToOperation"),
},
};
setIsLoading(true);
@ -183,7 +181,7 @@ const PureThirdPartyMoveContainer = ({
>
<ModalDialog.Header>{t("MoveConfirmation")}</ModalDialog.Header>
<ModalDialog.Body>
<Text>{t("MoveConfirmationMessage", { provider: providerTitle })}</Text>
<Text>{t("MoveConfirmationAlert", { provider: providerTitle })}</Text>
<div className="select-action-wrapper">
<Text className="select-action">