fix: delete image and images lag

menthorlabs · Jan 28, 2024 · 51fb6a8 · 51fb6a8
1 parent 5aadea0
commit 51fb6a8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/apps/app/components/atoms/CreatorsImageCard.vue b/apps/app/components/atoms/CreatorsImageCard.vue
@@ -13,7 +13,7 @@ defineEmits(["remove"]);
 <template>
   <div
     v-if="fileUrl === 'loading'"
-    class="flex items-center justify-center w-full aspect-video bg-zinc-100 animate-pulse"
+    class="flex items-center justify-center w-full aspect-video bg-zinc-100"
   >
     <svg
       class="w-10 h-10 text-zinc-200"
@@ -46,14 +46,12 @@ defineEmits(["remove"]);
       </span>
     </div>
     <div class="aspect-video w-full overflow-hidden bg-zinc-100">
-      <nuxt-img
+      <img
         :src="fileUrl"
-        :quality="85"
-        format="webp"
         width="250"
         height="140"
-        alt="Roadmap"
-        class="h-full w-full object-cover object-center transition-all group-hover:scale-110"
+        alt="Menthor image"
+        class="h-full w-full object-cover object-center"
       />
     </div>
   </div>

diff --git a/apps/app/pages/creators/images.vue b/apps/app/pages/creators/images.vue
@@ -136,7 +136,7 @@ function removeImage(fileName: string) {
       ></div>
     </div>
     <div
-      class="grid grid-cols-[repeat(auto-fill,_minmax(200px,_1fr))] gap-1"
+      class="grid grid-cols-[repeat(auto-fill,_minmax(200px,_1fr))] gap-1 pb-20"
       v-else-if="creatorsStore.images?.length > 0"
     >
       <CreatorsImageCard

diff --git a/apps/app/stores/api/creators.ts b/apps/app/stores/api/creators.ts
@@ -37,7 +37,7 @@ export const useCreatorsStore = defineStore("creators", {
     },
     async deleteImage(fileName: string) {
       try {
-        await this.$api(`/creators/${fileName}`, {
+        await this.$api(`/creators/images/${fileName}`, {
           method: "DELETE",
         });