Revert FieldSetWithStatus case change

This commit is contained in:
Sam Becker 2025-07-10 10:00:18 -05:00
parent 9cea328386
commit c9484a5658
13 changed files with 33 additions and 33 deletions

View File

@ -3,7 +3,7 @@
import PhotoCamera from '@/camera/PhotoCamera';
import Badge from '@/components/Badge';
import DivDebugBaselineGrid from '@/components/DivDebugBaselineGrid';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import AppGrid from '@/components/AppGrid';
import EntityLink from '@/components/entity/EntityLink';
import LabeledIcon from '@/components/primitives/LabeledIcon';
@ -45,13 +45,13 @@ export default function ComponentsPage() {
'flex gap-1',
'*:inline-flex *:gap-1 [&_input]:-translate-y-0.5',
)}>
<FieldsetWithStatus
<FieldSetWithStatus
label="Grid"
type="checkbox"
value={shouldShowBaselineGrid ? 'true' : 'false'}
onChange={e => setShouldShowBaselineGrid?.(e === 'true')}
/>
<FieldsetWithStatus
<FieldSetWithStatus
label="Components"
type="checkbox"
value={debugComponents ? 'true' : 'false'}

View File

@ -2,7 +2,7 @@
import PhotoTagFieldset from '@/admin/PhotoTagFieldset';
import AppGrid from '@/components/AppGrid';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import IconHidden from '@/components/icons/IconHidden';
import IconLock from '@/components/icons/IconLock';
import SelectMenu from '@/components/SelectMenu';
@ -42,7 +42,7 @@ export default function ComponentsPage() {
/>
</div>
<div className="z-11">
<FieldsetWithStatus
<FieldSetWithStatus
label="Select"
value="tag-1"
selectOptions={[{

View File

@ -1,7 +1,7 @@
'use client';
import ErrorNote from '@/components/ErrorNote';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import Container from '@/components/Container';
import { addUploadsAction } from '@/photo/actions';
import { PATH_ADMIN_PHOTOS } from '@/app/paths';
@ -136,7 +136,7 @@ export default function AdminBatchUploadActions({
? `Apply to ${pluralize(uploadUrls.length, 'upload')}`
: `Found ${pluralize(uploadUrls.length, 'upload')}`}
</div>
<FieldsetWithStatus
<FieldSetWithStatus
label="Apply to All"
type="checkbox"
value={showBulkSettings ? 'true' : 'false'}

View File

@ -3,7 +3,7 @@
import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
import Link from 'next/link';
import { PATH_ADMIN_RECIPES } from '@/app/paths';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import { ReactNode, useMemo, useState } from 'react';
import { renamePhotoRecipeGloballyAction } from '@/photo/actions';
import { parameterize } from '@/utility/string';
@ -34,7 +34,7 @@ export default function AdminRecipeForm({
action={renamePhotoRecipeGloballyAction}
className="space-y-8"
>
<FieldsetWithStatus
<FieldSetWithStatus
label="New Recipe Name"
value={updatedRecipeRaw}
onChange={setUpdatedRecipeRaw}

View File

@ -3,7 +3,7 @@
import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
import Link from 'next/link';
import { PATH_ADMIN_TAGS } from '@/app/paths';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import { ReactNode, useMemo, useState } from 'react';
import { renamePhotoTagGloballyAction } from '@/photo/actions';
import { parameterize } from '@/utility/string';
@ -34,7 +34,7 @@ export default function AdminTagForm({
action={renamePhotoTagGloballyAction}
className="space-y-8"
>
<FieldsetWithStatus
<FieldSetWithStatus
label="New Tag Name"
value={updatedTagRaw}
onChange={setUpdatedTagRaw}

View File

@ -12,7 +12,7 @@ import { pathForAdminUploadUrl } from '@/app/paths';
import DeleteUploadButton from './DeleteUploadButton';
import { Dispatch, SetStateAction, useEffect, useRef } from 'react';
import { isElementEntirelyInViewport } from '@/utility/dom';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import EditButton from './EditButton';
import AddUploadButton from './AddUploadButton';
@ -105,7 +105,7 @@ export default function AdminUploadsTableRow({
)}>
<div className="flex flex-col gap-6 w-full">
<div className="flex flex-col grow gap-2">
<FieldsetWithStatus
<FieldSetWithStatus
label="Title"
value={draftTitle}
onChange={titleUpdated =>

View File

@ -1,6 +1,6 @@
'use client';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import { useAppText } from '@/i18n/state/client';
import { convertTagsForForm, getValidationMessageForTags, Tags } from '@/tag';
import { ComponentProps, useEffect, useRef, useState } from 'react';
@ -12,7 +12,7 @@ export default function PhotoTagFieldset(props: {
onError?: (error: string) => void
openOnLoad?: boolean
} & Partial<Omit<
ComponentProps<typeof FieldsetWithStatus>,
ComponentProps<typeof FieldSetWithStatus>,
'tagOptions'
>>) {
const {
@ -41,7 +41,7 @@ export default function PhotoTagFieldset(props: {
return (
<div ref={ref}>
<FieldsetWithStatus
<FieldSetWithStatus
{...rest}
inputRef={ref}
label="Tags"

View File

@ -1,6 +1,6 @@
'use client';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import Container from '@/components/Container';
import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
import {
@ -92,7 +92,7 @@ export default function SignInForm({
{appText.auth.invalidEmailPassword}
</ErrorNote>}
<div className="space-y-4 w-full">
<FieldsetWithStatus
<FieldSetWithStatus
id="email"
inputRef={emailRef}
label={appText.auth.email}
@ -100,7 +100,7 @@ export default function SignInForm({
value={email}
onChange={setEmail}
/>
<FieldsetWithStatus
<FieldSetWithStatus
id="password"
label={appText.auth.password}
type="password"

View File

@ -13,7 +13,7 @@ import Tooltip from './Tooltip';
import { SelectMenuOptionType } from './SelectMenuOption';
import SelectMenu from './SelectMenu';
export default function FieldsetWithStatus({
export default function FieldSetWithStatus({
id: _id,
label,
icon,

View File

@ -1,4 +1,4 @@
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import { ComponentProps, useEffect, useState } from 'react';
import { getPhotosNeedingRecipeTitleCountAction } from '../actions';
@ -10,7 +10,7 @@ export default function ApplyRecipeTitleGloballyCheckbox({
film,
onMatchResults,
...props
}: ComponentProps<typeof FieldsetWithStatus> & {
}: ComponentProps<typeof FieldSetWithStatus> & {
photoId?: string
recipeTitle?: string
hasRecipeTitleChanged?: boolean
@ -40,7 +40,7 @@ export default function ApplyRecipeTitleGloballyCheckbox({
return (
shouldShowFieldSet
? <FieldsetWithStatus {...{
? <FieldSetWithStatus {...{
...props,
label: loading
? 'Scanning photos for matching recipes ...'

View File

@ -1,13 +1,13 @@
import { ComponentProps } from 'react';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import IconFavs from '@/components/icons/IconFavs';
export default function FieldsetFavs(props: Omit<
ComponentProps<typeof FieldsetWithStatus>,
ComponentProps<typeof FieldSetWithStatus>,
'label' | 'icon' | 'type'
>) {
return (
<FieldsetWithStatus
<FieldSetWithStatus
{...props}
label="Favorite"
type="checkbox"

View File

@ -19,7 +19,7 @@ import {
getFormErrors,
isFormValid,
} from '.';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import { createPhotoAction, updatePhotoAction } from '../actions';
import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
import Link from 'next/link';
@ -367,7 +367,7 @@ export default function PhotoForm({
staticValue,
}]) => {
if (!isFieldHidden(key, hideIfEmpty, shouldHide)) {
const fieldProps: ComponentProps<typeof FieldsetWithStatus> = {
const fieldProps: ComponentProps<typeof FieldSetWithStatus> = {
id: key,
label: label + (
key === 'blurData' && shouldDebugImageFallbacks
@ -424,7 +424,7 @@ export default function PhotoForm({
switch (key) {
case 'film':
return <FieldsetWithStatus
return <FieldSetWithStatus
key={key}
{...fieldProps}
tagOptionsDefaultIcon={<span
@ -462,7 +462,7 @@ export default function PhotoForm({
{...fieldProps}
/>;
default:
return <FieldsetWithStatus
return <FieldSetWithStatus
key={key}
{...fieldProps}
/>;

View File

@ -1,4 +1,4 @@
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import FieldSetWithStatus from '@/components/FieldsetWithStatus';
import { ComponentProps, Dispatch, SetStateAction } from 'react';
import {
getVisibilityValue,
@ -16,9 +16,9 @@ export default function FieldsetVisibility({
label?: string
formData: Partial<PhotoFormData>
setFormData: Dispatch<SetStateAction<Partial<PhotoFormData>>>
} & Omit<ComponentProps<typeof FieldsetWithStatus>, 'label' | 'value'>) {
} & Omit<ComponentProps<typeof FieldSetWithStatus>, 'label' | 'value'>) {
return (
<FieldsetWithStatus
<FieldSetWithStatus
label="Visibility"
{...props}
selectOptions={VISIBILITY_OPTIONS}