trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-05-13 13:17:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: image editor not working in edit form

Browse source
This commit is contained in:
trafficlunar 2026-04-24 22:14:04 +01:00
parent 48d388b1a7
commit d52d428f1f
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
backend/next.config.ts
View file

@ -13,6 +13,14 @@ const nextConfig: NextConfig = {
{ key: "Access-Control-Allow-Headers", value: "Content-Type" }, { key: "Access-Control-Allow-Headers", value: "Content-Type" },
], ],
}, },
{
// for images
source: "/mii/:path*",
headers: [
{ key: "Access-Control-Allow-Origin", value: process.env.NEXT_PUBLIC_FRONTEND_URL || "http://localhost:4321" },
{ key: "Access-Control-Allow-Credentials", value: "true" },
],
},
]; ];
}, },
}; };

2
frontend/src/components/submit-form/image-editor.tsx
View file

@ -92,7 +92,7 @@ export default function ImageEditorPortrait({ isOpen, setIsOpen, image, setImage
<div className="relative w-full flex justify-center"> <div className="relative w-full flex justify-center">
<ReactCrop crop={crop} onChange={(c) => setCrop(c)} className="rounded-2xl border-2 border-amber-500 overflow-hidden max-h-96"> <ReactCrop crop={crop} onChange={(c) => setCrop(c)} className="rounded-2xl border-2 border-amber-500 overflow-hidden max-h-96">
<img ref={imageRef} src={image} /> <img ref={imageRef} src={image} crossOrigin="anonymous" />
</ReactCrop> </ReactCrop>
<canvas ref={canvasRef} className="hidden" /> <canvas ref={canvasRef} className="hidden" />
</div> </div>