diff --git a/src/admin/AdminCTA.tsx b/src/admin/AdminCTA.tsx new file mode 100644 index 00000000..79a448f8 --- /dev/null +++ b/src/admin/AdminCTA.tsx @@ -0,0 +1,25 @@ +'use client'; + +import PhotoUpload from '@/photo/PhotoUpload'; +import { PATH_ADMIN_PHOTOS } from '@/site/paths'; +import { useAppState } from '@/state/AppState'; +import Link from 'next/link'; +import { FaArrowRight } from 'react-icons/fa'; + +export default function AdminCTA() { + const { isUserSignedIn } = useAppState(); + + return ( +
+ {isUserSignedIn + ? + : + Admin Dashboard + + } +
+ ); +} diff --git a/src/components/ImageInput.tsx b/src/components/ImageInput.tsx index b5b0b6df..057db1d6 100644 --- a/src/components/ImageInput.tsx +++ b/src/components/ImageInput.tsx @@ -19,6 +19,7 @@ export default function ImageInput({ maxSize = MAX_IMAGE_SIZE, quality = 0.8, loading, + showUploadStatus = true, debug, }: { onStart?: () => void @@ -32,6 +33,7 @@ export default function ImageInput({ maxSize?: number quality?: number loading?: boolean + showUploadStatus?: boolean debug?: boolean }) { const ref = useRef(null); @@ -62,7 +64,7 @@ export default function ImageInput({ )} aria-disabled={loading} > - + {loading ? : - {filesLength > 0 && + {showUploadStatus && filesLength > 0 &&
{uploadStatusText}
} diff --git a/src/photo/PhotoUpload.tsx b/src/photo/PhotoUpload.tsx index 8284f4ea..62df397b 100644 --- a/src/photo/PhotoUpload.tsx +++ b/src/photo/PhotoUpload.tsx @@ -10,10 +10,12 @@ import { clsx } from 'clsx/lite'; export default function PhotoUpload({ shouldResize, onLastUpload, + showUploadStatus, debug, }: { shouldResize?: boolean onLastUpload?: () => Promise + showUploadStatus?: boolean debug?: boolean }) { const [isUploading, setIsUploading] = useState(false); @@ -75,6 +77,7 @@ export default function PhotoUpload({ }); } }} + showUploadStatus={showUploadStatus} debug={debug} /> diff --git a/src/photo/PhotosEmptyState.tsx b/src/photo/PhotosEmptyState.tsx index 4c723560..184a0428 100644 --- a/src/photo/PhotosEmptyState.tsx +++ b/src/photo/PhotosEmptyState.tsx @@ -1,11 +1,11 @@ +import AdminCTA from '@/admin/AdminCTA'; import InfoBlock from '@/components/InfoBlock'; import SiteGrid from '@/components/SiteGrid'; import { IS_SITE_READY } from '@/site/config'; -import { PATH_ADMIN_CONFIGURATION, PATH_ADMIN_PHOTOS } from '@/site/paths'; +import { PATH_ADMIN_CONFIGURATION } from '@/site/paths'; import SiteChecklist from '@/site/SiteChecklist'; import { clsx } from 'clsx/lite'; import Link from 'next/link'; -import { FaArrowRight } from 'react-icons/fa'; import { HiOutlinePhotograph } from 'react-icons/hi'; export default function PhotosEmptyState() { @@ -33,13 +33,7 @@ export default function PhotosEmptyState() {
Add your first photo:
- - Admin Dashboard - - +
Change the name of this blog and other configuration