ae34b6d6d1
### What? Moved description rendering from DocumentFields to DocumentHeader component. ### List view #### Before <img width="1315" height="696" alt="Screenshot 2025-09-26 at 10 12 14 AM" src="https://github.com/user-attachments/assets/9c102f4b-ed71-4e3d-85d6-87464e6c8568" /> #### After <img width="1647" height="762" alt="Screenshot 2025-09-26 at 1 24 12 PM" src="https://github.com/user-attachments/assets/1c2f4eae-5bf8-43ad-af65-23f333b01ba8" /> ### Document View #### Before <img width="1321" height="673" alt="Screenshot 2025-09-26 at 10 57 01 AM" src="https://github.com/user-attachments/assets/3c6c7218-a8f6-4e52-af27-f0c4ffa0a6ef" /> #### After <img width="1645" height="682" alt="Screenshot 2025-09-26 at 1 24 29 PM" src="https://github.com/user-attachments/assets/1ac774c7-8820-4d41-afef-c60044383474" /> ### Document Drawer <img width="1631" height="631" alt="Screenshot 2025-09-26 at 1 24 49 PM" src="https://github.com/user-attachments/assets/42285d23-a37d-4419-9644-f9c27358f2bf" /> --- - To see the specific tasks where the Asana app for GitHub is being used, see below: - https://app.asana.com/0/0/1211478222789332
16 lines
418 B
TypeScript
16 lines
418 B
TypeScript
import { Banner as PayloadBanner } from '@payloadcms/ui'
|
|
|
|
export function Banner(props: {
|
|
children?: React.ReactNode
|
|
className?: string
|
|
description?: string
|
|
message?: string
|
|
}) {
|
|
const { children, className, description, message } = props
|
|
return (
|
|
<PayloadBanner className={className} type="success">
|
|
{children || message || description || 'A custom banner component'}
|
|
</PayloadBanner>
|
|
)
|
|
}
|