feat: add message when there's no image

menthorlabs · Nov 27, 2023 · 8634cdf · 8634cdf
1 parent c511299
commit 8634cdf
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/apps/app/pages/creators/images.vue b/apps/app/pages/creators/images.vue
@@ -27,10 +27,14 @@ function onInput(event: Event) {
 
 async function uploadFile(file: File) {
   loading.value = true;
-  const response = await creatorsStore.signUrl(file.type);
-  await uploadStore.uploadFileOnUrl(file, response.signedUrl.url);
-  await creatorsStore.addImage(response.signedUrl.fileName);
-  loading.value = false;
+
+  try {
+    const response = await creatorsStore.signUrl(file.type);
+    await uploadStore.uploadFileOnUrl(file, response.signedUrl.url);
+    await creatorsStore.addImage(response.signedUrl.fileName);
+  } finally {
+    loading.value = false;
+  }
 }
 </script>
 
@@ -98,5 +102,8 @@ async function uploadFile(file: File) {
         :fileUrl="`https://menthor-content.s3.sa-east-1.amazonaws.com/${fileName}`"
       />
     </div>
+    <div v-else class="text-center text-sm text-zinc-500 pt-10">
+      Você ainda não subiu nenhuma imagem.
+    </div>
   </div>
 </template>