From 9699b230d5f481c85d3253457a43621e4a76f05d Mon Sep 17 00:00:00 2001
From: "nasir@endelospay.com" <nasir@endelospay.com>
Date: Tue, 11 Jun 2024 00:09:44 +0500
Subject: [PATCH] fix

---
 resources/js/pages/providers/NotesPanel.vue   | 19 ++++++++++++++++---
 .../js/pages/providers/ProviderBioPanel.vue   |  2 +-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/providers/NotesPanel.vue b/resources/js/pages/providers/NotesPanel.vue
index eead594..9091db5 100644
--- a/resources/js/pages/providers/NotesPanel.vue
+++ b/resources/js/pages/providers/NotesPanel.vue
@@ -37,6 +37,16 @@ const downloadFile = (fileUrl) => {
     link.click();
     document.body.removeChild(link);
 };
+ const downloadImage = async (imageUrl) => {
+      try {
+        const response = await fetch(imageUrl)
+        const blob = await response.blob()
+        const fileName = imageUrl.split('/').pop()
+        saveAs(blob, fileName)
+      } catch (error) {
+        console.error('Error downloading image:', error)      }
+    }
+
 </script>
 
 <template>
@@ -64,9 +74,12 @@ const downloadFile = (fileUrl) => {
            <span class="app-timeline-title" v-if="p_note.note_type=='Notes'">
               {{p_note.note}}
             </span>
-           <span class="app-timeline-title" v-if="p_note.note_type=='file'">
-             <img :src="p_note.note"/>
-            </span>
+         
+              <span class="app-timeline-title" v-if="p_note.note_type == 'file'">
+            <img :src="p_note.note" @click="downloadImage(p_note.note)" />
+            <button @click="downloadImage(p_note.note)">Download Image</button>
+          </span>
+           
           
             <span class="app-timeline-meta">{{ formatDateDate(p_note.created_at) }}</span>
             <!-- <span></span> -->
diff --git a/resources/js/pages/providers/ProviderBioPanel.vue b/resources/js/pages/providers/ProviderBioPanel.vue
index 94350c9..0046246 100644
--- a/resources/js/pages/providers/ProviderBioPanel.vue
+++ b/resources/js/pages/providers/ProviderBioPanel.vue
@@ -160,7 +160,7 @@ const resolveUserRoleVariant = role => {
                 <span class="font-weight-medium">
                   Availability:
                 </span>
-                <span class="text-body-1">{{ props.userData.telemed.availability_from }}</span> <span class="text-body-1">{{ props.userData.telemed.availability_to }}</span>
+                <span class="text-body-1">{{ props.userData.telemed.availability_from }}</span> to<span class="text-body-1">{{ props.userData.telemed.availability_to }}</span>
               </VListItemTitle>
             </VListItem>