diff --git a/src/photo/PhotoForm.tsx b/src/photo/PhotoForm.tsx index e5af3648..8014b9e5 100644 --- a/src/photo/PhotoForm.tsx +++ b/src/photo/PhotoForm.tsx @@ -1,6 +1,6 @@ 'use client'; -import { useCallback, useState } from 'react'; +import { useCallback, useEffect, useState } from 'react'; import { FORM_METADATA_ENTRIES, PhotoFormData, @@ -30,6 +30,11 @@ export default function PhotoForm({ const url = formData.url ?? ''; + const [requestOrigin, setRequestOrigin] = useState(); + useEffect(() => { + setRequestOrigin(window.location.origin); + }, []); + const updateBlurData = useCallback((blurData: string) => { if (type === 'create') { setFormData(data => ({ @@ -96,6 +101,13 @@ export default function PhotoForm({ loading={loadingMessage && !formData[key] ? true : false} type={checkbox ? 'checkbox' : undefined} />)} + {type === 'create' && + }
{type === 'edit' && { - const url = new URL(`${BASE_URL}/_next/image`); + const url = new URL(`${baseUrl}/_next/image`); url.searchParams.append('url', imageUrl); url.searchParams.append('w', width.toString());