jack/jackmerrill.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: image issues

Browse Source
This commit is contained in:
Jack 2023-06-21 15:09:37 -07:00
parent 261fa687ea
commit 8dbcb6494b
No known key found for this signature in database
GPG Key ID: AFD9F14834097B8E
4 changed files with 56 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/@blogpost/(.)blog/[id]/page.tsx
View File

@ -87,17 +87,20 @@ export default function BlogPostModal({
{ {
code: CodeBlock, code: CodeBlock,
img: ({ ...props }) => { img: ({ ...props }) => {
const { width, height } = props.src.match( const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
/(?<width>\d+)x(?<height>\d+)/ if (r && r.groups) {
).groups;
return ( return (
<Image <Image
src={props.src} src={props.src}
alt={props.alt} alt={props.alt}
width={width} width={r?.groups.width}
height={height} height={r?.groups.height}
/> />
); );
} else {
// fallback to normal img
return <img {...props} />;
}
}, },
} as any } as any
} }

13
src/app/@project/(.)projects/[id]/page.tsx
View File

@ -87,17 +87,20 @@ export default function ProjectModal({
{ {
code: CodeBlock, code: CodeBlock,
img: ({ ...props }) => { img: ({ ...props }) => {
const { width, height } = props.src.match( const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
/(?<width>\d+)x(?<height>\d+)/ if (r && r.groups) {
).groups;
return ( return (
<Image <Image
src={props.src} src={props.src}
alt={props.alt} alt={props.alt}
width={width} width={r?.groups.width}
height={height} height={r?.groups.height}
/> />
); );
} else {
// fallback to normal img
return <img {...props} />;
}
}, },
} as any } as any
} }

13
src/app/blog/[id]/page.tsx
View File

@ -65,17 +65,20 @@ export default async function Page({
{ {
code: CodeBlock, code: CodeBlock,
img: ({ ...props }) => { img: ({ ...props }) => {
const { width, height } = props.src.match( const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
/(?<width>\d+)x(?<height>\d+)/ if (r && r.groups) {
).groups;
return ( return (
<Image <Image
src={props.src} src={props.src}
alt={props.alt} alt={props.alt}
width={width} width={r?.groups.width}
height={height} height={r?.groups.height}
/> />
); );
} else {
// fallback to normal img
return <img {...props} />;
}
}, },
} as any } as any
} }

13
src/app/projects/[id]/page.tsx
View File

@ -64,17 +64,20 @@ export default async function Page({
{ {
code: CodeBlock, code: CodeBlock,
img: ({ ...props }) => { img: ({ ...props }) => {
const { width, height } = props.src.match( const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
/(?<width>\d+)x(?<height>\d+)/ if (r && r.groups) {
).groups;
return ( return (
<Image <Image
src={props.src} src={props.src}
alt={props.alt} alt={props.alt}
width={width} width={r?.groups.width}
height={height} height={r?.groups.height}
/> />
); );
} else {
// fallback to normal img
return <img {...props} />;
}
}, },
} as any } as any
} }