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

Display field labels when syncing EXIF data

Browse Source
This commit is contained in:
Sam Becker 2024-01-19 09:07:42 -06:00
parent 940c5a385c
commit 184885c434
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/photo/PhotoForm.tsx
View File

@ -4,6 +4,7 @@ import { useCallback, useEffect, useState } from 'react';
import {
FORM_METADATA_ENTRIES,
PhotoFormData,
convertFormKeysToLabels,
getInitialErrors,
isFormValid,
} from './form';
@ -44,13 +45,13 @@ export default function PhotoForm({
// is refreshed by parent
useEffect(() => {
if (Object.keys(updatedExifData ?? {}).length > 0) {
const changedKeys: string[] = [];
const changedKeys: (keyof PhotoFormData)[] = [];
setFormData(currentForm => {
Object.entries(updatedExifData ?? {})
.forEach(([key, value]) => {
if (currentForm[key as keyof PhotoFormData] !== value) {
changedKeys.push(key);
changedKeys.push(key as keyof PhotoFormData);
}
});
@ -61,8 +62,9 @@ export default function PhotoForm({
});
if (changedKeys.length > 0) {
const fields = convertFormKeysToLabels(changedKeys);
toastSuccess(
`Updated EXIF fields: ${changedKeys.join(', ')}`,
`Updated EXIF fields: ${fields.join(', ')}`,
8000,
);
} else {

3
src/photo/form.ts
View File

@ -84,6 +84,9 @@ export const FORM_METADATA_ENTRIES =
(Object.entries(FORM_METADATA) as [keyof PhotoFormData, FormMeta][])
.filter(([_, meta]) => !meta.hideTemporarily);
export const convertFormKeysToLabels = (keys: (keyof PhotoFormData)[]) =>
keys.map(key => FORM_METADATA[key].label.toUpperCase());
export const getInitialErrors = (
formData: Partial<PhotoFormData>
): Partial<Record<keyof PhotoFormData, string>> =>