Initial commit: WordPress wp-content (themes, plugins, languages)
- Theme: momentry (custom theme with REST API routes) - Plugins: code-snippets (contains all API proxies) - Languages: zh_TW translations - Excludes: cache, backups, uploads, logs
This commit is contained in:
46
plugins/code-snippets/js/components/common/SubmitButton.tsx
Normal file
46
plugins/code-snippets/js/components/common/SubmitButton.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
import React from 'react'
|
||||
import classnames from 'classnames'
|
||||
import { __ } from '@wordpress/i18n'
|
||||
import type { InputHTMLAttributes } from 'react'
|
||||
|
||||
export interface SubmitButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'name' | 'value'> {
|
||||
id?: string
|
||||
name?: string
|
||||
primary?: boolean
|
||||
small?: boolean
|
||||
large?: boolean
|
||||
wrap?: boolean
|
||||
text?: string
|
||||
}
|
||||
|
||||
export const SubmitButton: React.FC<SubmitButtonProps> = ({
|
||||
id,
|
||||
text,
|
||||
name = 'submit',
|
||||
primary,
|
||||
small,
|
||||
large,
|
||||
wrap,
|
||||
className,
|
||||
...inputProps
|
||||
}) => {
|
||||
const button =
|
||||
<input
|
||||
id={id ?? name}
|
||||
type="submit"
|
||||
name={name}
|
||||
value={text ?? __('Save Changes', 'code-snippets')}
|
||||
className={classnames(
|
||||
'button',
|
||||
{
|
||||
'button-primary': primary,
|
||||
'button-small': small,
|
||||
'button-large': large
|
||||
},
|
||||
className
|
||||
)}
|
||||
{...inputProps}
|
||||
/>
|
||||
|
||||
return wrap ? <p className="submit">{button}</p> : button
|
||||
}
|
||||
Reference in New Issue
Block a user