diff --git a/app/layout.tsx b/app/layout.tsx index df6a17b5..0cb9993c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -19,6 +19,7 @@ import CommandK from '@/app/CommandK'; import SwrConfigClient from '@/state/SwrConfigClient'; import AdminBatchEditPanel from '@/admin/AdminBatchEditPanel'; import ShareModals from '@/share/ShareModals'; +import AdminUploadPanel from '@/admin/AdminUploadPanel'; import '../tailwind.css'; @@ -88,6 +89,7 @@ export default function RootLayout({ 'mb-12', 'space-y-5', )}> + {children} diff --git a/src/admin/AdminAppMenu.tsx b/src/admin/AdminAppMenu.tsx index af6714a7..0fe2dea7 100644 --- a/src/admin/AdminAppMenu.tsx +++ b/src/admin/AdminAppMenu.tsx @@ -20,6 +20,7 @@ import { PiSignOutBold } from 'react-icons/pi'; import { signOutAction } from '@/auth/actions'; import { ComponentProps } from 'react'; import { FaRegFolderOpen } from 'react-icons/fa'; +import { FiUploadCloud } from 'react-icons/fi'; export default function AdminAppMenu({ className, @@ -41,6 +42,12 @@ export default function AdminAppMenu({ const isSelecting = selectedPhotoIds !== undefined; const items: ComponentProps['items'] = [{ + label: 'Upload Photos …', + icon: , + }, { label: 'Manage Photos', ...photosCount !== undefined && { annotation: `${photosCount}`, diff --git a/src/admin/AdminUploadPanel.tsx b/src/admin/AdminUploadPanel.tsx new file mode 100644 index 00000000..faaed0d9 --- /dev/null +++ b/src/admin/AdminUploadPanel.tsx @@ -0,0 +1,34 @@ +import Container from '@/components/Container'; +import SiteGrid from '@/components/SiteGrid'; +import Spinner from '@/components/Spinner'; +import clsx from 'clsx'; +import { IoCloseSharp } from 'react-icons/io5'; + +export default function AdminUploadPanel() { + return ( + + + + + 1 of 4: Uploading DSC-4353.jpg + + + + } + /> + ); +}