Adjust responsive text

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}
             >
-              <ResponsiveText shortText="Delete Uploads">
-                Delete All Uploads
-              </ResponsiveText>
+              Delete All Uploads
             </DeleteUploadButton>
           </div>
         </div>

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 (
     <div className={clsx(
       'flex items-center gap-4',
@@ -148,7 +151,10 @@ export default function PhotoUploadWithStatus({
               </>
               : <>
                 {!showButton &&
-                  `Uploading ${fileUploadIndex + 1} of ${filesLength}: `}
+                  <ResponsiveText shortText={uploadNumberText}>
+                    Uploading {uploadNumberText}
+                  </ResponsiveText>}
+                {': '}
                 {fileUploadName}
               </>
             : !showButton && <>Initializing</>}