update

src/components/artist-information/VAB-account/add-story/AddStory.ts

 import { defineComponent, Ref, ref, watch } from 'vue';
-// import { i18n } from 'src/boot/i18n';
 import UploadImage from '../../../upload-image/index.vue';
 
 export default defineComponent({

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

@@ -79,7 +79,8 @@
                     color="red"
                     name="mdi-close-circle"
                     @click="deleteImage(bannerIdx)"
-                  ></q-icon>
+                    ><q-tooltip>Xóa banner</q-tooltip></q-icon
+                  >
                 </div>
                 <div align="right">
                   <div @click="updateImage(bannerIdx)">
@@ -93,7 +94,7 @@
                       "
                       color="red"
                       name="mdi-pencil-circle"
-                    >
+                      ><q-tooltip>Cập nhập banner</q-tooltip>
                     </q-icon>
                     <input
                       ref="uploadBannerImg"
@@ -273,16 +274,6 @@
           <div class="flex flex-center">
             <div class="text-h6 text-weight-regular q-py-md">Story</div>
             <q-space></q-space>
-            <!-- <q-btn
-              class="q-py-md"
-              v-if="stories !== null"
-              @click="$emit('click:openUpdateStoryDialog')"
-              flat
-              color="primary"
-              icon="mdi-pencil-circle-outline"
-            >
-              <q-tooltip>Chỉnh sửa Story</q-tooltip></q-btn
-            > -->
             <q-btn
               class="q-py-md"
               v-if="stories.length"
@@ -373,7 +364,22 @@
                     cursor: pointer;
                   "
                   @click="deleteStory(storyIdx)"
-                ></q-icon>
+                >
+                  <q-tooltip>Xóa story</q-tooltip>
+                </q-icon>
+                <!-- <q-icon
+                  v-if="stories.length"
+                  style="
+                    position: absolute;
+                    right: 30px;
+                    font-size: 24px;
+                    cursor: pointer;
+                  "
+                  color="red"
+                  name="mdi-pencil-circle"
+                  @click="updateStory"
+                  ><q-tooltip>Cập nhập story</q-tooltip>
+                </q-icon> -->
               </div>
             </q-carousel-slide>
           </q-carousel>

src/components/artist-information/upload-embed-dialog/UploadEmbedDialog.ts

@@ -9,6 +9,7 @@ export default defineComponent({
     socialEmbedded: { type: String, required: true },
   },
   setup(props, context) {
+    const newSocialEmbed: Ref<string | null> = ref(null);
     watch(
       () => props.isOpenDialogEmbed,
       (value) => {
@@ -17,7 +18,6 @@ export default defineComponent({
         }
       }
     );
-    const newSocialEmbed: Ref<string | null> = ref(null);
     const confirmEditEmbed = () => {
       context.emit('uploadEmbed', newSocialEmbed.value);
     };

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

@@ -4,7 +4,7 @@
     :model-value="isOpenDialogEmbed"
     @update:model-value="$emit('update:isOpenDialogEmbed', $event)"
   >
-    <q-card style="width: 400px" bordered>
+    <q-card style="width: 30rem" bordered>
       <q-card-section style="padding-top: 0; padding-bottom: 0">
         <q-item>
           <q-item-section align="center">
@@ -20,7 +20,13 @@
         <div class="row q-col-gutter-sm flex-center">
           <div class="col-3">Link Embed</div>
           <div class="col-9">
-            <q-input v-model="newSocialEmbed" outlined dense></q-input>
+            <q-input
+              v-model="newSocialEmbed"
+              type="text"
+              dense
+              outlined
+              clearable
+            ></q-input>
           </div>
         </div>
       </q-card-section>

src/components/upload-image/index.vue

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

src/i18n/vi/index.ts

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