diff --git a/apps/web/src/actions/images.ts b/apps/web/src/actions/images.ts index 09e78758a..1e0e0cf1f 100644 --- a/apps/web/src/actions/images.ts +++ b/apps/web/src/actions/images.ts @@ -59,6 +59,13 @@ export const uploadProfilePictureAction = async (formData: FormData) => { }; } + if (file.size / 1024 / 1024 > 5) { + return { + success: false, + message: "Bildet er for stort. Maks 5MB.", + }; + } + const imageId = `${user.id}-${Date.now()}`; const response = await uploadImage(imageId, formData); diff --git a/apps/web/src/app/(default)/auth/profil/_components/upload-profile-picture.tsx b/apps/web/src/app/(default)/auth/profil/_components/upload-profile-picture.tsx index af1dbbe3c..a851f3ae0 100644 --- a/apps/web/src/app/(default)/auth/profil/_components/upload-profile-picture.tsx +++ b/apps/web/src/app/(default)/auth/profil/_components/upload-profile-picture.tsx @@ -35,6 +35,12 @@ export const UploadProfilePicture = ({ name, image }: UploadProfilePictureProps) return; } + const size = file.size / 1024 / 1024; + if (size > 5) { + toast({ title: "Bildet er for stort. Maks 5MB" }); + return; + } + const formData = new FormData(); formData.append("file", file);