feat: limit profile image to 0.5 Mb

Author: peterpeterparker

studio/src/app/modals/editor/app-custom-images/app-custom-images.tsx

@@ -173,7 +173,7 @@ export class AppCustomImages {
             if (filePicker.files && filePicker.files.length > 0) {
                 this.uploading = true;
 
-                const storageFile: StorageFile = await this.storageService.uploadImage(filePicker.files[0], 'images');
+                const storageFile: StorageFile = await this.storageService.uploadImage(filePicker.files[0], 'images', 10485760);
 
                 if (storageFile) {
                     await this.selectAndClose(storageFile);

studio/src/app/pages/core/app-settings/app-settings.tsx

@@ -229,7 +229,7 @@ export class AppHome {
             }
 
             try {
-                const storageFile: StorageFile = await this.storageService.uploadImage(this.profilePicture, 'avatars');
+                const storageFile: StorageFile = await this.storageService.uploadImage(this.profilePicture, 'avatars', 524288);
 
                 if (storageFile) {
                     this.user.data.photo_url = storageFile.downloadUrl;

studio/src/app/services/storage/storage.service.tsx

@@ -31,7 +31,7 @@ export class StorageService {
         return StorageService.instance;
     }
 
-    uploadImage(image: File, folder: string): Promise<StorageFile> {
+    uploadImage(image: File, folder: string, maxSize: number): Promise<StorageFile> {
         return new Promise<StorageFile>((resolve) => {
             try {
                 this.apiUserService.watch().pipe(take(1)).subscribe(async (apiUser: ApiUser) => {
@@ -48,7 +48,7 @@ export class StorageService {
                     }
 
                     if (image.size > 10485760) {
-                        this.errorService.error('Image is too big (max. 10 Mb)');
+                        this.errorService.error(`Image is too big (max. ${maxSize / 1048576} Mb)`);
                         resolve();
                         return;
                     }