59f5c74269
* Test color palette extraction * Fix import * Add hex <> oklch conversions * Add 'hue' storage to photos * Consolidate color modules * Add chromatic config, track missing color data * Bump deps * Fix lens text test * Finalize color storage * Refactor color imports * Hide form color data when disabled * Store all average oklch color components * Finalize color-config language * Optimize photo syncing for color data * Only update color data when syncing if possible * Build out all color sorts * Debug image colors * Improve color debugging * Improve color logging * Simplify color sorting * Bump deps * Fix color sync logic * Switch to sort params: ascending, descending * Fix commandk sort menu * Update tr-tr sorting language * Add color capture to all photo extractions * Add color visualization to photo form * Standardize photo update language * Create global debug color update function * Improve color data capture logging * Update maximum function duration for admin photos * Add note to remove maxDuration * Use AI to generate sorting color * Conditionally use AI to analyze colors * Manage AI color analysis batched requests * Fix color reporting in admin photo table * Only update color where AI fields are missing * Temporarily upgrade admin/photos timeout * Fix pro-based max duration * Standardize color sorting foundations * Update color sorting language * Refactor color calculations * Restore max duration time * Update color-based sort menu labels * Finalize color documentation * Clean up color test actions * Round color sort values before submitting to db * Consolidate color server actions
65 lines
1.6 KiB
TypeScript
65 lines
1.6 KiB
TypeScript
'use client';
|
|
|
|
import { Photo, PhotoDateRange } from '@/photo';
|
|
import { descriptionForFilmPhotos } from '.';
|
|
import PhotoHeader from '@/photo/PhotoHeader';
|
|
import PhotoFilm from '@/film/PhotoFilm';
|
|
import { getRecipePropsFromPhotos } from '@/recipe';
|
|
import { useAppState } from '@/app/AppState';
|
|
import { AI_CONTENT_GENERATION_ENABLED } from '@/app/config';
|
|
import { useAppText } from '@/i18n/state/client';
|
|
|
|
export default function FilmHeader({
|
|
film,
|
|
photos,
|
|
selectedPhoto,
|
|
indexNumber,
|
|
count,
|
|
dateRange,
|
|
}: {
|
|
film: string
|
|
photos: Photo[]
|
|
selectedPhoto?: Photo
|
|
indexNumber?: number
|
|
count?: number
|
|
dateRange?: PhotoDateRange
|
|
}) {
|
|
const { recipeModalProps, setRecipeModalProps } = useAppState();
|
|
|
|
// Only show recipe button when viewing individual photos
|
|
// that don't have named recipes
|
|
const recipeProps = selectedPhoto && !selectedPhoto?.recipeTitle
|
|
? getRecipePropsFromPhotos(photos, selectedPhoto)
|
|
: undefined;
|
|
|
|
const appText = useAppText();
|
|
|
|
return (
|
|
<PhotoHeader
|
|
film={film}
|
|
entity={<PhotoFilm
|
|
film={film}
|
|
isShowingRecipeOverlay={Boolean(recipeModalProps)}
|
|
toggleRecipeOverlay={recipeProps
|
|
? () => setRecipeModalProps?.(recipeProps)
|
|
: undefined}
|
|
showHover={false}
|
|
/>}
|
|
entityDescription={descriptionForFilmPhotos(
|
|
photos,
|
|
appText,
|
|
undefined,
|
|
count,
|
|
dateRange,
|
|
)}
|
|
photos={photos}
|
|
selectedPhoto={selectedPhoto}
|
|
indexNumber={indexNumber}
|
|
count={count}
|
|
dateRange={dateRange}
|
|
hasAiTextGeneration={AI_CONTENT_GENERATION_ENABLED}
|
|
includeShareButton
|
|
/>
|
|
);
|
|
}
|