Add support for starting over on second step
This commit is contained in:
@@ -4,10 +4,11 @@ import classNames from "classnames";
|
||||
|
||||
export type ImportBarProps = {
|
||||
onSubmit: (opts: ImportOptions) => void;
|
||||
loading: boolean;
|
||||
onStartOver: () => void;
|
||||
loading: boolean;
|
||||
};
|
||||
|
||||
export default function ImportBar({ onSubmit, loading }: ImportBarProps) {
|
||||
export default function ImportBar({ onSubmit, loading, onStartOver }: ImportBarProps) {
|
||||
const [formData, setFormData] = useState<ImportOptions>({ mode: 'add' });
|
||||
|
||||
|
||||
@@ -73,6 +74,15 @@ export default function ImportBar({ onSubmit, loading }: ImportBarProps) {
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className={classNames("button", "is-link", "is-fullwidth", { 'is-loading': loading })}>Submit transactions
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="field">
|
||||
<div className="control">
|
||||
<button
|
||||
type="button"
|
||||
className="button is-secondary is-fullwidth"
|
||||
onClick={onStartOver}>Start over again
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -90,7 +90,7 @@ export default function PrepareTransactionsPage() {
|
||||
</div>
|
||||
|
||||
<div className="content">
|
||||
<ImportBar loading={loading} onSubmit={handleSubmit} />
|
||||
<ImportBar loading={loading} onSubmit={handleSubmit} onStartOver={() => location.reload()}/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user