35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
|
|
interface ActionButtonsProps {
|
|
onSave?: () => void;
|
|
onSaveDraft?: () => void;
|
|
isEditMode?: boolean;
|
|
}
|
|
|
|
export function ActionButtons({ onSave, onSaveDraft, isEditMode }: ActionButtonsProps) {
|
|
return (
|
|
<div className="flex justify-center space-x-4 mt-8 mb-4">
|
|
<button
|
|
type="button"
|
|
className="ant-btn ant-btn-primary min-w-[120px]"
|
|
onClick={onSave}
|
|
>
|
|
<i className="ri-save-line mr-1"></i> {isEditMode ? '保存修改' : '保存'}
|
|
</button>
|
|
<button
|
|
type="button"
|
|
className="ant-btn ant-btn-default min-w-[120px] !hidden"
|
|
onClick={onSaveDraft}
|
|
>
|
|
<i className="ri-draft-line mr-1"></i> {isEditMode ? '另存为草稿' : '保存草稿'}
|
|
</button>
|
|
<button
|
|
type="button"
|
|
className="ant-btn ant-btn-default min-w-[120px]"
|
|
onClick={() => window.history.back()}
|
|
>
|
|
<i className="ri-arrow-left-line mr-1"></i> 返回
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|