From a6e8e64d49c1c108895ff19a8e121381fa048bf9 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 17 Jun 2025 23:46:28 +0530
Subject: [PATCH] fix: use validateIsImageFile from utils

(cherry picked from commit 15fd763de8cb4cb9045a4e68f0647b6dc21f32cc)
---
 frontend/src/components/Settings/ProfileSettings.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Settings/ProfileSettings.vue b/frontend/src/components/Settings/ProfileSettings.vue
index e22d532b..c28ae63b 100644
--- a/frontend/src/components/Settings/ProfileSettings.vue
+++ b/frontend/src/components/Settings/ProfileSettings.vue
@@ -4,7 +4,7 @@
       <div v-if="profile" class="flex w-full items-center justify-between">
         <FileUploader
           @success="(file) => updateImage(file.file_url)"
-          :validateFile="validateFile"
+          :validateFile="validateIsImageFile"
         >
           <template #default="{ openFileSelector, error: _error }">
             <div class="flex items-center gap-4">
@@ -104,6 +104,7 @@
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import ChangePasswordModal from '@/components/Modals/ChangePasswordModal.vue'
 import { usersStore } from '@/stores/users'
+import { validateIsImageFile } from '@/utils'
 import {
   Dropdown,
   FileUploader,
@@ -160,11 +161,4 @@ function updateImage(fileUrl = '') {
 onMounted(() => {
   profile.value = { ...user.value }
 })
-
-function validateFile(file) {
-  let extn = file.name.split('.').pop().toLowerCase()
-  if (!['png', 'jpg', 'jpeg'].includes(extn)) {
-    return __('Only PNG and JPG images are allowed')
-  }
-}
 </script>