update

src/components/artist-information/AddHotProduct/index.vue

@@ -20,6 +20,14 @@
         <q-card-section>
           <div class="row q-col-gutter-sm">
             <div class="col-12">
+              <div align="right">
+                <UploadImage
+                  v-if="urlFileLocal.length !== 0"
+                  :isButton="false"
+                  :tooltipMessageStory="true"
+                  @selectedFile="uploadAvatar"
+                ></UploadImage>
+              </div>
               <q-card flat v-if="urlFileLocal">
                 <div align="center">
                   <q-img :src="urlFileLocal" style="aspect-ratio: 16/9">
@@ -27,8 +35,7 @@
                 </div>
               </q-card>
               <UploadImage
-                class="q-mt-md"
-                :isBtn="true"
+                v-if="urlFileLocal.length === 0"
                 @selectedFile="uploadAvatar"
               ></UploadImage>
               <q-input

src/components/artist-information/UpdateHotProduct/index.vue

@@ -20,6 +20,14 @@
         <q-card-section>
           <div class="row q-col-gutter-sm">
             <div class="col-12">
+              <div align="right">
+                <UploadImage
+                  v-if="urlFileLocal.length !== 0"
+                  :isButton="false"
+                  :tooltipMessageStory="true"
+                  @selectedFile="uploadAvatar"
+                ></UploadImage>
+              </div>
               <q-card flat v-if="urlFileLocal">
                 <div align="center">
                   <q-img
@@ -30,8 +38,7 @@
                 </div>
               </q-card>
               <UploadImage
-                class="q-mt-md"
-                :isBtn="true"
+                v-if="urlFileLocal.length === 0"
                 @selectedFile="uploadAvatar"
               ></UploadImage>
               <q-input

src/components/artist-information/VAB-account/add-story/index.vue

@@ -20,6 +20,14 @@
         <q-card-section>
           <div class="row q-col-gutter-sm">
             <div class="col-12">
+              <div align="right">
+                <UploadImage
+                  v-if="urlFileLocal.length !== 0"
+                  :isButton="false"
+                  :tooltipMessageStory="true"
+                  @selectedFile="uploadStory"
+                ></UploadImage>
+              </div>
               <q-card v-if="urlFileLocal" flat>
                 <div align="center">
                   <q-img :src="urlFileLocal" style="aspect-ratio: 16/9">
@@ -28,9 +36,8 @@
               </q-card>
 
               <UploadImage
+                v-if="urlFileLocal.length === 0"
                 @selectedFile="uploadStory"
-                class="q-mt-md"
-                :isBtn="true"
               ></UploadImage>
 
               <q-input

src/components/artist-information/VAB-account/index.vue

@@ -38,6 +38,7 @@
       <UploadImage
         v-if="banners.length !== 0"
         :isButton="false"
+        :tooltipMessage="true"
         @selectedFile="uploadBanner"
       ></UploadImage>
     </div>
@@ -377,7 +378,6 @@
                   "
                   color="red"
                   name="mdi-pencil-circle"
-                  @click="updateStory"
                   ><q-tooltip>Cập nhập story</q-tooltip>
                 </q-icon> -->
               </div>

src/components/artist-information/upload-embed-dialog/index.vue

@@ -7,7 +7,7 @@
     <q-card style="width: 30rem" bordered>
       <q-card-section style="padding-top: 0; padding-bottom: 0">
         <q-item>
-          <q-item-section align="center">
+          <q-item-section>
             <q-item-label class="text-h6 text-weight-regular">{{
               $t('uploadImage.titleEmbedDialog')
             }}</q-item-label>

src/components/upload-image/UploadImage.ts

@@ -14,6 +14,10 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    tooltipMessageStory: {
+      type: String,
+      default: '',
+    },
   },
   setup() {
     const upload = ref(null);

src/components/upload-image/index.vue

@@ -26,7 +26,8 @@
       style="color: #5d319e"
       icon="mdi-plus-circle-outline"
     >
-      <q-tooltip>Thêm</q-tooltip>
+      <q-tooltip v-if="tooltipMessage">Thêm banner</q-tooltip>
+      <q-tooltip v-if="tooltipMessageStory">Thay ảnh</q-tooltip>
     </q-btn>
     <input
       ref="upload"

src/i18n/vi/index.ts

@@ -580,7 +580,7 @@ export default {
     uploadBanner: 'Tải lên',
     uploadEmbed: 'Tải lên Embed',
     uploadStory: 'Tải lên Story',
-    titleEmbedDialog: 'Link Embed',
+    titleEmbedDialog: 'Cập nhập Link Embed',
   },
 
   //xếp hạng khách hàng