Prevent server-side blur generation when disabled

This commit is contained in:
Sam Becker 2024-05-07 00:15:40 -05:00
parent 2e4208e7e1
commit bbc0a4e239
2 changed files with 13 additions and 9 deletions

View File

@ -2,7 +2,7 @@ import { redirect } from 'next/navigation';
import { getPhotoNoStore, getUniqueTagsCached } from '@/photo/cache'; import { getPhotoNoStore, getUniqueTagsCached } from '@/photo/cache';
import { PATH_ADMIN } from '@/site/paths'; import { PATH_ADMIN } from '@/site/paths';
import PhotoEditPageClient from '@/photo/PhotoEditPageClient'; import PhotoEditPageClient from '@/photo/PhotoEditPageClient';
import { AI_TEXT_GENERATION_ENABLED } from '@/site/config'; import { AI_TEXT_GENERATION_ENABLED, BLUR_ENABLED } from '@/site/config';
import { blurImageFromUrl, resizeImageFromUrl } from '@/photo/server'; import { blurImageFromUrl, resizeImageFromUrl } from '@/photo/server';
import { getNextImageUrlForManipulation } from '@/services/next-image'; import { getNextImageUrlForManipulation } from '@/services/next-image';
@ -24,9 +24,11 @@ export default async function PhotoEditPage({
? await resizeImageFromUrl(getNextImageUrlForManipulation(photo.url)) ? await resizeImageFromUrl(getNextImageUrlForManipulation(photo.url))
: ''; : '';
const blurData = await blurImageFromUrl( const blurData = BLUR_ENABLED
getNextImageUrlForManipulation(photo.url) ? await blurImageFromUrl(
); getNextImageUrlForManipulation(photo.url)
)
: '';
return ( return (
<PhotoEditPageClient {...{ <PhotoEditPageClient {...{

View File

@ -113,11 +113,13 @@ export default function PhotoForm({
const url = formData.url ?? ''; const url = formData.url ?? '';
useEffect(() => useEffect(() => {
setFormData(data => updatedBlurData if (updatedBlurData) {
? { ...data, blurData: updatedBlurData } setFormData(data => updatedBlurData
: data) ? { ...data, blurData: updatedBlurData }
, [updatedBlurData]); : data);
}
}, [updatedBlurData]);
useEffect(() => useEffect(() =>
setFormData(data => aiContent?.title setFormData(data => aiContent?.title