47 lines
1.0 KiB
TypeScript
47 lines
1.0 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
import styled from '@emotion/styled';
|
|
import { Button } from '@wordpress/components';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { SettingsSection } from '../shared-components';
|
|
import { useSettingsContext } from './settings-context';
|
|
|
|
const SaveSectionWrapper = styled( SettingsSection )`
|
|
text-align: right;
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
`;
|
|
|
|
const SaveSettings = () => {
|
|
const { isSaving, save, isDirty } = useSettingsContext();
|
|
|
|
return (
|
|
<SaveSectionWrapper className={ 'submit' }>
|
|
<Button
|
|
variant="primary"
|
|
isBusy={ isSaving }
|
|
disabled={ isSaving || ! isDirty }
|
|
onClick={ (
|
|
event: React.MouseEvent< HTMLButtonElement, MouseEvent >
|
|
) => {
|
|
event.preventDefault();
|
|
const target = event.target as HTMLButtonElement;
|
|
if ( target?.form?.reportValidity() ) {
|
|
save();
|
|
}
|
|
} }
|
|
type="submit"
|
|
>
|
|
{ __( 'Save changes', 'woocommerce' ) }
|
|
</Button>
|
|
</SaveSectionWrapper>
|
|
);
|
|
};
|
|
|
|
export default SaveSettings;
|