Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

refactor(console): support onSubmit in SubmitFormChangesActionBar (#2517)

Browse source
This commit is contained in:
Xiao Yijun 2022-11-24 11:23:45 +08:00 committed by GitHub
parent 9e8c148f7a
commit 9e2c536a33
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/console/src/components/DetailsForm/index.tsx
View file

@ -1,26 +1,25 @@
import { forwardRef } from 'react';
import type { ForwardedRef, HTMLProps, ReactNode } from 'react';
import type { ReactNode } from 'react';
import SubmitFormChangesActionBar from '../SubmitFormChangesActionBar';
import * as styles from './index.module.scss';
type Props = HTMLProps<HTMLFormElement> & {
type Props = {
isDirty: boolean;
isSubmitting: boolean;
children: ReactNode;
onSubmit: () => Promise<void>;
onDiscard: () => void;
};
const DetailsForm = (
{ isDirty, isSubmitting, onDiscard, children, ...rest }: Props,
reference: ForwardedRef<HTMLFormElement>
) => {
const DetailsForm = ({ isDirty, isSubmitting, onSubmit, onDiscard, children }: Props) => {
return (
<form {...rest} ref={reference} className={styles.container}>
<form className={styles.container}>
<div className={styles.fields}>{children}</div>
<SubmitFormChangesActionBar
isOpen={isDirty}
isSubmitting={isSubmitting}
onSubmit={onSubmit}
onDiscard={onDiscard}
/>
</form>

5
packages/console/src/components/SubmitFormChangesActionBar/index.tsx
View file

@ -4,10 +4,11 @@ import * as styles from './index.module.scss';
type Props = {
isOpen: boolean;
isSubmitting: boolean;
onSubmit: () => Promise<void>;
onDiscard: () => void;
};
const SubmitFormChangesActionBar = ({ isOpen, isSubmitting, onDiscard }: Props) => {
const SubmitFormChangesActionBar = ({ isOpen, isSubmitting, onSubmit, onDiscard }: Props) => {
if (!isOpen) {
return null;
}
@ -24,10 +25,10 @@ const SubmitFormChangesActionBar = ({ isOpen, isSubmitting, onDiscard }: Props)
/>
<Button
isLoading={isSubmitting}
htmlType="submit"
type="primary"
size="medium"
title="general.save_changes"
onClick={async () => onSubmit()}
/>
</div>
);