Web: Client: Data Import: fix buttons spacing

This commit is contained in:
Vladimir Khvan 2024-07-05 18:07:57 +05:00
parent fd9b82a14c
commit d69498cbdc
2 changed files with 17 additions and 25 deletions

View File

@ -98,23 +98,27 @@ const SelectUsersTypeStep = (props: TypeSelectProps) => {
const showCancelDialog = () => setCancelUploadDialogVisible(true);
const hideCancelDialog = () => setCancelUploadDialogVisible(false);
const Buttons = (
<MigrationButtons
className="save-cancel-buttons"
onSaveClick={incrementStep}
onCancelClick={decrementStep}
showReminder
saveButtonLabel={t("Settings:NextStep")}
cancelButtonLabel={t("Common:Back")}
displaySettings
migrationCancelLabel={t("Settings:CancelImport")}
onMigrationCancelClick={showCancelDialog}
/>
);
useEffect(() => {
setDataPortion(filteredUsers.slice(...boundaries));
}, [users]);
return (
<Wrapper>
<MigrationButtons
className="save-cancel-buttons upper-buttons"
onSaveClick={incrementStep}
onCancelClick={decrementStep}
showReminder
saveButtonLabel={t("Settings:NextStep")}
cancelButtonLabel={t("Common:Back")}
displaySettings
migrationCancelLabel={t("Settings:CancelImport")}
onMigrationCancelClick={showCancelDialog}
/>
{Buttons}
{filteredUsers.length > 0 && (
<>
@ -140,19 +144,7 @@ const SelectUsersTypeStep = (props: TypeSelectProps) => {
/>
)}
{filteredAccounts.length > 0 && (
<MigrationButtons
className="save-cancel-buttons"
onSaveClick={incrementStep}
onCancelClick={decrementStep}
showReminder
saveButtonLabel={t("Settings:NextStep")}
cancelButtonLabel={t("Common:Back")}
displaySettings
migrationCancelLabel={t("Settings:CancelImport")}
onMigrationCancelClick={showCancelDialog}
/>
)}
{filteredAccounts.length > 0 && Buttons}
</>
)}

View File

@ -39,7 +39,7 @@ const DescriptionWrapper = styled.div`
}
.data-import-section-description {
margin-bottom: 8px;
margin-bottom: 16px;
font-size: 12px;
}
`;