mirror of
https://github.com/hanzo-apps/cms.git
synced 2026-10-30 14:47:33 +00:00
- 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)
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
'use client'
|
|
import { Button, useUploadControls } from '@hanzo/cms-ui'
|
|
import React, { useCallback } from 'react'
|
|
|
|
export const UploadControl = () => {
|
|
const { setUploadControlFile, setUploadControlFileUrl } = useUploadControls()
|
|
|
|
const loadFromFile = useCallback(async () => {
|
|
const response = await fetch(
|
|
'https://raw.githubusercontent.com/payloadcms/website/refs/heads/main/public/images/universal-truth.jpg',
|
|
)
|
|
const blob = await response.blob()
|
|
const file = new File([blob], 'universal-truth.jpg', { type: 'image/jpeg' })
|
|
setUploadControlFile(file)
|
|
}, [setUploadControlFile])
|
|
|
|
const loadFromUrl = useCallback(() => {
|
|
setUploadControlFileUrl(
|
|
'https://raw.githubusercontent.com/payloadcms/website/refs/heads/main/public/images/universal-truth.jpg',
|
|
)
|
|
}, [setUploadControlFileUrl])
|
|
|
|
return (
|
|
<div>
|
|
<Button id="load-from-file-upload-button" onClick={loadFromFile}>
|
|
Load from File
|
|
</Button>
|
|
<br />
|
|
<Button id="load-from-url-upload-button" onClick={loadFromUrl}>
|
|
Load from URL
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|