Upload Button

'use client';
 
import { UploadButton } from '@/components/ui/upload-button';

<UploadButton
  route="demo"
  accept="image/*"
  onBeforeUpload={({ file }) => {
    // rename the file
    return new File([file], 'renamed-' + file.name, { type: file.type });
  }}
  onUploadBegin={({ file, metadata }) => {
    console.log('Upload begin');
  }}
  onUploadProgress={({ file, progress }) => {
    console.log(`Upload progress: ${progress * 100}%`);
  }}
  onUploadComplete={({ file, metadata }) => {
    console.log('Upload complete');
  }}
  onUploadError={(error) => {
    console.log(error.message);
  }}
  onUploadSettled={() => {
    console.log('Upload settled');
  }}
/>