From f89ef3321804fd3316bcc28d0cb1a31a7390de99 Mon Sep 17 00:00:00 2001
From: Amisha Bagri <amishabagri04@gmail.com>
Date: Mon, 3 Feb 2025 20:16:50 +0000
Subject: [PATCH] Updated code with changes

---
 frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue b/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue
index 4943e2ffb..b76e56328 100644
--- a/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue
+++ b/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue
@@ -1,4 +1,6 @@
+
  <template>
+  <div class = "text-center">
   <v-menu v-model="menu" offset-y top nudge-top="6" :close-on-content-click="false">
     <template #activator="{ on, attrs }">
       <v-btn color="accent" dark v-bind="attrs" v-on="on">
@@ -35,6 +37,7 @@
       </v-card-text>
     </v-card>
   </v-menu>
+</div>
 </template>
 
 <script lang="ts">
@@ -65,7 +68,7 @@ export default defineComponent({
    function uploadImage(fileObject: File) {
     try{
        // Check if the file has an acceptable extension
-       const allowedExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp"];
+       const allowedExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp",".heic",".avif"];
       const fileExtension = fileObject.name.split(".").pop()?.toLowerCase();
 
       // If the file extension is not in the allowed extensions list, show an error message