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",
  });