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