diff --git a/src/admin/AdminBatchUploadActions.tsx b/src/admin/AdminBatchUploadActions.tsx
index 91fe6a30..ffc0f7cf 100644
--- a/src/admin/AdminBatchUploadActions.tsx
+++ b/src/admin/AdminBatchUploadActions.tsx
@@ -21,8 +21,8 @@ import PhotoTagFieldset from './PhotoTagFieldset';
import DeleteUploadButton from './DeleteUploadButton';
import { useAppState } from '@/state/AppState';
import { pluralize } from '@/utility/string';
-import IconFavs from '@/components/icons/IconFavs';
-import IconHidden from '@/components/icons/IconHidden';
+import FieldsetFavs from '@/photo/form/FieldsetFavs';
+import FieldsetHidden from '@/photo/form/FieldsetHidden';
const UPLOAD_BATCH_SIZE = 4;
@@ -145,18 +145,12 @@ export default function AdminBatchUploadActions({
readOnly={isAdding}
/>
-
}
- type="checkbox"
+
-
}
- type="checkbox"
+
;
+export default function IconHidden({
+ visible,
+ ...props
+}: IconBaseProps & {
+ visible?: boolean
+}) {
+ return visible
+ ?
+ :
;
}
diff --git a/src/photo/form/FieldsetFavs.tsx b/src/photo/form/FieldsetFavs.tsx
new file mode 100644
index 00000000..122e273d
--- /dev/null
+++ b/src/photo/form/FieldsetFavs.tsx
@@ -0,0 +1,17 @@
+import { ComponentProps } from 'react';
+import FieldSetWithStatus from '@/components/FieldSetWithStatus';
+import IconFavs from '@/components/icons/IconFavs';
+
+export default function FieldsetFavs(props: Omit<
+ ComponentProps
,
+ 'label' | 'icon' | 'type'
+>) {
+ return (
+ }
+ />
+ );
+}
diff --git a/src/photo/form/FieldsetHidden.tsx b/src/photo/form/FieldsetHidden.tsx
new file mode 100644
index 00000000..226a7c27
--- /dev/null
+++ b/src/photo/form/FieldsetHidden.tsx
@@ -0,0 +1,17 @@
+import { ComponentProps } from 'react';
+import FieldSetWithStatus from '@/components/FieldSetWithStatus';
+import IconHidden from '@/components/icons/IconHidden';
+
+export default function FieldsetHidden(props: Omit<
+ ComponentProps,
+ 'label' | 'icon' | 'type'
+>) {
+ return (
+ }
+ />
+ );
+}
diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx
index 75ce5d8c..c418133d 100644
--- a/src/photo/form/PhotoForm.tsx
+++ b/src/photo/form/PhotoForm.tsx
@@ -42,10 +42,10 @@ import { convertRecipesForForm, Recipes } from '@/recipe';
import deepEqual from 'fast-deep-equal/es6/react';
import ApplyRecipeTitleGloballyCheckbox from './ApplyRecipesGloballyCheckbox';
import { convertFilmsForForm, Films } from '@/film';
-import IconFavs from '@/components/icons/IconFavs';
-import IconHidden from '@/components/icons/IconHidden';
import { isMakeFujifilm } from '@/platforms/fujifilm';
import PhotoFilmIcon from '@/film/PhotoFilmIcon';
+import FieldsetFavs from './FieldsetFavs';
+import FieldsetHidden from './FieldsetHidden';
const THUMBNAIL_SIZE = 300;
@@ -436,18 +436,13 @@ export default function PhotoForm({
{...fieldProps}
/>;
case 'favorite':
- return }
{...fieldProps}
/>;
case 'hidden':
- return }
{...fieldProps}
/>;
default: