jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-28 08:15:47 -04:00
Code Issues Activity

fix automatic image blurring

Browse Source
This commit is contained in:
Jake Jarvis
2025-03-08 13:51:26 -05:00
parent 2d6fc82f71
commit 6f31bc53c8
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/Image/Image.tsx
View File

@@ -11,18 +11,19 @@ export type ImageProps = ComponentPropsWithoutRef<typeof NextImage> & {
inline?: boolean; // don't wrap everything in a `<div>` block inline?: boolean; // don't wrap everything in a `<div>` block
}; };
const Image = ({ src, height, width, quality, inline, className, ...rest }: ImageProps) => { const Image = ({ src, height, width, quality, placeholder, inline, className, ...rest }: ImageProps) => {
const constrainWidth = (width?: number | `${number}`) => { const constrainWidth = (width?: number | `${number}`) => {
if (!width) return MAX_WIDTH; if (!width) return MAX_WIDTH;
return Math.min(typeof width === "string" ? parseInt(width, 10) : width, MAX_WIDTH); return Math.min(typeof width === "string" ? parseInt(width, 10) : width, MAX_WIDTH);
}; };
const imageProps = { const imageProps: ImageProps = {
src, src,
height, height,
width: constrainWidth(width || (src as StaticImageData).width), width: constrainWidth(width || (src as StaticImageData).width),
quality: quality || 75, quality: quality || 75,
placeholder: placeholder || (typeof src === "string" ? "empty" : "blur"),
...rest, ...rest,
}; };