Change upload responsive buttons

src/admin/AdminBatchUploadActions.tsx

@@ -218,7 +218,7 @@ export default function AdminBatchUploadActions({
                   }
                 }
               }}
-              hideTextOnMobile={false}
+              hideText="never"
             >
               {buttonText}
             </ProgressButton>
@@ -235,7 +235,7 @@ export default function AdminBatchUploadActions({
               }}
               className="w-full flex justify-center"
               shouldRedirectToAdminPhotos
-              hideTextOnMobile={false}
+              hideText="never"
               disabled={isAdding}
             >
               Delete All Uploads

src/admin/AdminPhotosClient.tsx

@@ -80,7 +80,7 @@ export default function AdminPhotosClient({
                 )}
                 spinnerColor="text"
                 spinnerClassName="text-blue-200 dark:text-blue-600/40"
-                hideTextOnMobile={false}
+                hideText="never"
               >
                 <ResponsiveText shortText={photosCountNeedsSync}>
                   {pluralize(

src/admin/AdminPhotosSyncClient.tsx

@@ -49,7 +49,7 @@ export default function AdminPhotosSyncClient({
       accessory={<ProgressButton
         primary
         icon={<IconGrSync className="translate-y-[1px]" />}
-        hideTextOnMobile={false}
+        hideText="never"
         progress={progress}
         tooltip={photos.length === 1
           ? 'Sync data for 1 photo'

src/admin/AdminUploadsTableRow.tsx

@@ -115,13 +115,13 @@ export default function AdminUploadsTableRow({
                   <AddButton
                     path={pathForAdminUploadUrl(url)}
                     disabled={isDeleting}
-                    hideTextOnMobile={false}
                     tooltip="Add directly"
+                    hideText="never"
                   />
                   <EditButton
                     path={pathForAdminUploadUrl(url)}
                     tooltip="Review photo details"
-                    hideText
+                    hideText="always"
                   />
                   <DeleteBlobButton
                     urls={[url]}

src/admin/ClearCacheButton.tsx

@@ -12,7 +12,7 @@ export default function ClearCacheButton() {
     <form action={clearCacheAction}>
       <SubmitButtonWithStatus
         icon={<BiTrash size={16} />}
-        hideTextOnMobile={false}
+        hideText="never"
         onFormSubmit={invalidateSwr}
       >
         Clear Cache

src/admin/EditButton.tsx

@@ -5,9 +5,7 @@ import { ComponentProps } from 'react';
 export default function EditButton ({
   children,
   ...props
-}: {
+}: ComponentProps<typeof PathLoaderButton>) {
-  hideText?: boolean
-} & ComponentProps<typeof PathLoaderButton>) {
   return (
     <PathLoaderButton
       {...props}

src/components/ImageInput.tsx

@@ -82,7 +82,7 @@ export default function ImageInput({
               />}
               aria-disabled={disabled}
               onClick={() => inputRef.current?.click()}
-              hideTextOnMobile={false}
+              hideText="never"
               primary
             >
               {isUploading

src/components/more/MoreMenuItem.tsx

@@ -134,7 +134,7 @@ export default function MoreMenuItem({
       <LoaderButton
         icon={icon}
         isLoading={isLoading || isPending}
-        hideTextOnMobile={false}
+        hideText="never"
         styleAs="link-without-hover"
         className="translate-y-[0.5px] text-sm grow"
         classNameIcon="translate-y-[-0.5px]!"

src/components/primitives/LoaderButton.tsx

@@ -19,7 +19,7 @@ export default function LoaderButton({
   spinnerColor,
   spinnerClassName,
   styleAs = 'button',
-  hideTextOnMobile = true,
+  hideText = 'on-mobile',
   confirmText,
   shouldPreventDefault,
   primary,
@@ -39,7 +39,7 @@ export default function LoaderButton({
   spinnerColor?: SpinnerColor
   spinnerClassName?: string
   styleAs?: 'button' | 'link' | 'link-without-hover'
-  hideTextOnMobile?: boolean
+  hideText?: 'always' | 'on-mobile' | 'never'
   confirmText?: string
   shouldPreventDefault?: boolean
   primary?: boolean
@@ -96,7 +96,8 @@ export default function LoaderButton({
         </span>}
       {children && <span className={clsx(
         styleAs !== 'button' && isLoading && 'text-dim',
-        hideTextOnMobile && icon !== undefined && 'max-sm:hidden',
+        hideText === 'on-mobile' && icon !== undefined && 'max-sm:hidden',
+        hideText === 'always' && 'hidden',
       )}>
         {children}
       </span>}