components/CropPopup.vue

@@ -55,7 +55,7 @@ async function cropImage() {
               }
             }
           });
-          const file = new File([blob], 'image.png', { type: 'image/png' })
+          const file = new File([blob], 'preview.png', { type: 'image/png' })
           reader.readAsDataURL(file)
         }
       });

components/Settings/UserSettings/Profile.vue

@@ -46,8 +46,8 @@ if (!user) {
 }
 
 let newPfpFile: File;
-const isCropPopupVisible = ref(false); // State to manage the visibility of the CropPopup
+const isCropPopupVisible = ref(false);
-const cropImageSrc = ref(''); // State to hold the image source for cropping
+const cropImageSrc = ref('');
 
 async function saveChanges() {
   if (!user) return;