mirror of
https://github.com/hanzo-apps/cms.git
synced 2026-10-30 14:47:33 +00:00
zeekay
09c5e16c5c
- payload -> @hanzo/cms (core), bin payload -> hanzo-cms - create-payload-app -> @hanzo/create-cms-app - @payloadcms/<x> -> @hanzo/cms-<x> across the whole dependency graph - 3545 files, 72 package.json, 4419 scoped refs, 3852 core import specifiers, 82 scss imports - MIT attribution to Payload CMS Inc. preserved (LICENSE.md, author emails) Upstream: github.com/payloadcms/payload @ v3.85.2 (MIT)
54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import { Drawer, DrawerToggler, TextField, Upload, useDocumentInfo } from '@hanzo/cms-ui'
|
|
import React from 'react'
|
|
|
|
const customDrawerSlug = 'custom-upload-drawer'
|
|
|
|
const CustomDrawer = () => {
|
|
return (
|
|
<Drawer slug={customDrawerSlug}>
|
|
<h1>Custom Drawer</h1>
|
|
<TextField
|
|
field={{
|
|
name: 'alt',
|
|
label: 'Alt',
|
|
}}
|
|
path="alt"
|
|
/>
|
|
</Drawer>
|
|
)
|
|
}
|
|
|
|
const CustomDrawerToggler = () => {
|
|
return (
|
|
<React.Fragment>
|
|
<DrawerToggler slug={customDrawerSlug}>Custom Drawer</DrawerToggler>
|
|
<CustomDrawer />
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
|
|
export const CustomUploadClient = () => {
|
|
const { collectionSlug, docConfig, initialState } = useDocumentInfo()
|
|
|
|
return (
|
|
<div>
|
|
<h3>This text was rendered on the client</h3>
|
|
<Upload
|
|
collectionSlug={collectionSlug}
|
|
customActions={[<CustomDrawerToggler key={0} />]}
|
|
initialState={initialState}
|
|
uploadConfig={'upload' in docConfig ? docConfig.upload : undefined}
|
|
/>
|
|
<h4>
|
|
And that{' '}
|
|
<span aria-label="point up" role="img">
|
|
👆
|
|
</span>{' '}
|
|
is re-used from payload components
|
|
</h4>
|
|
</div>
|
|
)
|
|
}
|