From 57f5634f93c246a4f0d3066c580dcd88cf41758f Mon Sep 17 00:00:00 2001
From: Michelle Alva <50285544+michellealva@users.noreply.github.com>
Date: Wed, 26 Jul 2023 22:07:13 +0530
Subject: [PATCH] fix(ux): Customer image button and labels (#1360)

---
 desk/src/pages/desk/customer/CustomerDialog.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/desk/src/pages/desk/customer/CustomerDialog.vue b/desk/src/pages/desk/customer/CustomerDialog.vue
index f531b0d03..02e4a6633 100644
--- a/desk/src/pages/desk/customer/CustomerDialog.vue
+++ b/desk/src/pages/desk/customer/CustomerDialog.vue
@@ -15,13 +15,17 @@
           <FileUploader @success="(file) => updateImage(file)">
             <template #default="{ uploading, openFileSelector }">
               <Button
-                label="Change photo"
+                :label="customer.doc?.image ? 'Change photo' : 'Upload photo'"
                 :loading="uploading"
                 @click="openFileSelector"
               />
             </template>
           </FileUploader>
-          <Button label="Remove photo" @click="updateImage(null)" />
+          <Button
+            v-if="customer.doc?.image"
+            label="Remove photo"
+            @click="updateImage(null)"
+          />
         </div>
         <form class="w-full" @submit.prevent="update">
           <Input v-model="domain" label="Domain" placeholder="example.com" />