/
vshmidt
/
cloudbeaver
Обзор
Документация
Войти
/
vshmidt
/
cloudbeaver
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
devel
webapp/packages/plugin-data-export/src/Dialog/ProcessorConfigureDialogFooter.tsx
54 строки
1 KB
Sychev Andrey
dbeaver/pro#5789 replace Buttons styles (#3468)
27 май 2025, 11:59
Не верифицирован
27 май 2025, 11:59
ffe3d45
Код
Авторство
О чём код?
/* * CloudBeaver - Cloud Database Manager * Copyright (C) 2020-2025 DBeaver Corp and others * * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ import { observer } from 'mobx-react-lite'; import { Button, Fill, s, useS, useTranslate } from '@cloudbeaver/core-blocks'; import style from './ProcessorConfigureDialogFooter.module.css'; interface Props { isExporting: boolean; isFinalStep: boolean; onCancel: () => void; onExport: () => void; onBack: () => void; onNext: () => void; } export const ProcessorConfigureDialogFooter = observer<Props>(function ProcessorConfigureDialogFooter({ isExporting, isFinalStep, onCancel, onExport, onBack, onNext, }) { const translate = useTranslate(); const styles = useS(style); return ( <div className={s(styles, { controls: true })}> <Button type="button" variant="secondary" disabled={isExporting} onClick={onBack}> {translate('ui_stepper_back')} </Button> <Fill /> <Button type="button" variant="secondary" disabled={isExporting} onClick={onCancel}> {translate('ui_processing_cancel')} </Button> {isFinalStep ? ( <Button type="button" disabled={isExporting} onClick={onExport}> {translate('data_transfer_dialog_export')} </Button> ) : ( <Button type="button" disabled={isExporting} onClick={onNext}> {translate('ui_stepper_next')} </Button> )} </div> ); });