diff --git a/src/admin/AdminAddAllUploads.tsx b/src/admin/AdminAddAllUploads.tsx
index 024b285e..8360411f 100644
--- a/src/admin/AdminAddAllUploads.tsx
+++ b/src/admin/AdminAddAllUploads.tsx
@@ -20,7 +20,6 @@ import ProgressButton from '@/components/primitives/ProgressButton';
import { UrlAddStatus } from './AdminUploadsClient';
import PhotoTagFieldset from './PhotoTagFieldset';
import DeleteUploadButton from './DeleteUploadButton';
-import ResponsiveText from '@/components/primitives/ResponsiveText';
const UPLOAD_BATCH_SIZE = 4;
@@ -190,9 +189,7 @@ export default function AdminAddAllUploads({
shouldRedirectToAdminPhotos
hideTextOnMobile={false}
>
-
- Delete All Uploads
-
+ Delete All Uploads
diff --git a/src/photo/PhotoUploadWithStatus.tsx b/src/photo/PhotoUploadWithStatus.tsx
index 2ea6b83c..4702d0de 100644
--- a/src/photo/PhotoUploadWithStatus.tsx
+++ b/src/photo/PhotoUploadWithStatus.tsx
@@ -10,6 +10,7 @@ import { RefObject, useTransition } from 'react';
import { useRef } from 'react';
import { useEffect } from 'react';
import Spinner from '@/components/Spinner';
+import ResponsiveText from '@/components/primitives/ResponsiveText';
export default function PhotoUploadWithStatus({
inputRef,
@@ -68,6 +69,8 @@ export default function PhotoUploadWithStatus({
}, [isPending, resetUploadState]);
const isFinishing = isPending && shouldResetUploadStateAfterPending.current;
+ const uploadNumberText = `${fileUploadIndex + 1} of ${filesLength}`;
+
return (
: <>
{!showButton &&
- `Uploading ${fileUploadIndex + 1} of ${filesLength}: `}
+
+ Uploading {uploadNumberText}
+ }
+ {': '}
{fileUploadName}
>
: !showButton && <>Initializing>}