af7e12aa2f
## Description
Renames the `Save` to `SaveButton`, etc. to match the already
established convention of the `PreviewButton`, etc. This matches the
imports with their respective component and type names, and also gives
these components more context to the developer whenever they're
rendered, i.e. its clearly just a button and not an entire block or
complex component.
**BREAKING**:
Import paths for these components have changed, if you were previously
importing these components into your own projects to customize, change
the import paths accordingly:
Old:
```ts
import { PublishButton } from '@payloadcms/ui/elements/Publish'
import { SaveButton } from '@payloadcms/ui/elements/Save'
import { SaveDraftButton } from '@payloadcms/ui/elements/SaveDraft'
```
New:
```ts
import { PublishButton } from '@payloadcms/ui/elements/PublishButton'
import { SaveButton } from '@payloadcms/ui/elements/SaveButton'
import { SaveDraftButton } from '@payloadcms/ui/elements/SaveDraftButton'
```
- [x] I have read and understand the
[CONTRIBUTING.md](https://github.com/payloadcms/payload/blob/main/CONTRIBUTING.md)
document in this repository.
16 lines
420 B
TypeScript
16 lines
420 B
TypeScript
'use client'
|
|
import type { CustomPublishButton as CustomPublishButtonType } from 'payload/types'
|
|
|
|
import { DefaultPublishButton } from '@payloadcms/ui/elements/PublishButton'
|
|
import * as React from 'react'
|
|
|
|
import classes from './index.module.scss'
|
|
|
|
export const CustomPublishButton: CustomPublishButtonType = () => {
|
|
return (
|
|
<div className={classes.customButton}>
|
|
<DefaultPublishButton />
|
|
</div>
|
|
)
|
|
}
|