diff --git a/src/photo/image-response/PhotoImageResponse.tsx b/src/photo/image-response/PhotoImageResponse.tsx index 01ac40db..334e6246 100644 --- a/src/photo/image-response/PhotoImageResponse.tsx +++ b/src/photo/image-response/PhotoImageResponse.tsx @@ -1,5 +1,5 @@ import { Photo } from '..'; -import { NextImageWidth } from '@/utility/image'; +import { NextCustomSize } from '@/utility/image'; import { formatModelShort } from '@/utility/exif'; import { AiFillApple } from 'react-icons/ai'; import ImageCaption from './components/ImageCaption'; @@ -13,7 +13,7 @@ export default function PhotoImageResponse({ fontFamily, }: { photo: Photo - width: NextImageWidth + width: NextCustomSize height: number fontFamily: string }) { diff --git a/src/utility/image.ts b/src/utility/image.ts index ebc0e5f6..f5c48882 100644 --- a/src/utility/image.ts +++ b/src/utility/image.ts @@ -1,15 +1,16 @@ import { BASE_URL } from '@/site/config'; -// Must be explicity defined next.config.js `imageSizes` -// or `deviceSizes` ([640, 750, 828, 1080, 1200, 1920, 2048, 3840]) -export type NextImageWidth = +// Explicity defined next.config.js `imageSizes` +export type NextCustomSize = 200 | 400 | 1050; export type NextImageDeviceSize = 640 | 750 | 828 | 1080 | 1200 | 1920 | 2048 | 3840; +export type NextImageWidth = NextCustomSize | NextImageDeviceSize; + export const getNextImageUrlForRequest = ( imageUrl: string, - width: NextImageWidth | NextImageDeviceSize, + width: NextImageWidth, quality = 75, ) => { const url = new URL(`${BASE_URL}/_next/image`);