import { getAllVtubers } from '@/app/lib/vtubers';
import UploadForm from '@/app/components/upload-form';
import { Suspense } from 'react';

import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
import { getStreamByCuid } from '@/app/lib/streams';


export default async function Page() {

  const vtubers = await getAllVtubers();
  
  if (!vtubers) return (
    <aside className='notification is-danger'>Failed to fetch vtubers list. Please try again later.</aside>
  )
  return (
    <>

      <Suspense>
        <UploadForm vtubers={vtubers}></UploadForm>
      </Suspense>


    </>
  )
}