strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove <FieldsetPhotoQuery />

Browse Source
This commit is contained in:
Sam Becker 2026-03-01 13:27:46 -06:00
parent 38f724762e
commit 915b19bb54
2 changed files with 0 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/admin/AdminComponentPageClient.tsx
View File

@ -10,7 +10,6 @@ import StatusIcon from '@/components/StatusIcon';
import clsx from 'clsx/lite'; import clsx from 'clsx/lite';
import { useState } from 'react'; import { useState } from 'react';
import { Photo } from '@/photo'; import { Photo } from '@/photo';
import FieldsetPhotoQuery from '@/photo/form/FieldsetPhotoQuery';
import FieldsetPhotoChooser from '@/photo/form/FieldsetPhotoChooser'; import FieldsetPhotoChooser from '@/photo/form/FieldsetPhotoChooser';
export default function AdminComponentPageClient({ export default function AdminComponentPageClient({
@ -23,7 +22,6 @@ export default function AdminComponentPageClient({
photosCount: number photosCount: number
}) { }) {
const [valuePhoto, setValuePhoto] = useState(photo?.id ?? ''); const [valuePhoto, setValuePhoto] = useState(photo?.id ?? '');
const [valuePhotoChooser, setValuePhotoChooser] = useState(photo?.id ?? '');
const [value, setValue] = useState('visible'); const [value, setValue] = useState('visible');
@ -45,14 +43,6 @@ export default function AdminComponentPageClient({
photo={photo} photo={photo}
photos={photos} photos={photos}
photosCount={photosCount} photosCount={photosCount}
value={valuePhotoChooser}
onChange={setValuePhotoChooser}
/>
</div>
<div className="z-13">
<FieldsetPhotoQuery
label="Photo"
photos={[photo]}
value={valuePhoto} value={valuePhoto}
onChange={setValuePhoto} onChange={setValuePhoto}
/> />

69
src/photo/form/FieldsetPhotoQuery.tsx
View File

@ -1,69 +0,0 @@
'use client';
import FieldsetWithStatus from '@/components/FieldsetWithStatus';
import { Photo } from '..';
import { useEffect, useState } from 'react';
import { AnnotatedTag } from '../form';
import { useDebounce } from 'use-debounce';
import PhotoSmall from '../PhotoSmall';
import { getPhotosAction } from '../actions';
const convertPhotoToAnnotatedTag = (photo: Photo): AnnotatedTag => ({
value: photo.id,
label: photo.title,
icon: <div className="w-[3rem] overflow-hidden rounded-[3px]">
<PhotoSmall photo={photo} />
</div>,
});
export default function FieldsetPhotoQuery({
label,
photos = [],
value,
onChange,
}: {
label: string
photos?: Photo[]
value: string
onChange: (value: string) => void
}) {
const [query, setQuery] = useState('');
const [queryDebounced] = useDebounce(query, 500);
const [isQuerying, setIsQuerying] = useState(false);
const [photoOptions, setPhotoOptions] = useState<AnnotatedTag[]>(photos
.map(convertPhotoToAnnotatedTag),
);
useEffect(() => {
if (queryDebounced) {
// eslint-disable-next-line react-hooks/set-state-in-effect
setIsQuerying(true);
getPhotosAction({ query: queryDebounced })
.then(photos => {
setPhotoOptions(photos.map(convertPhotoToAnnotatedTag));
})
.finally(() => {
setIsQuerying(false);
});
} else {
setPhotoOptions([]);
}
}, [queryDebounced]);
return (
<FieldsetWithStatus
label={label}
value={value}
onChange={onChange}
tagOptions={photoOptions}
tagOptionsOnInputTextChange={setQuery}
tagOptionsLabelOverride={value =>
photoOptions.find(option => option.value === value)?.label}
tagOptionsAllowNewValues={false}
tagOptionsShouldParameterize={false}
tagOptionsLimit={1}
loading={isQuerying}
/>
);
}