fix: creators images

menthorlabs · Jan 27, 2024 · 009b3d2 · 009b3d2
1 parent 0bc5281
commit 009b3d2
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/apps/app/pages/creators/images.vue b/apps/app/pages/creators/images.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
 import { useMagicKeys } from "@vueuse/core";
+definePageMeta({
+  middleware: ["auth"],
+});
+
 const { control, v } = useMagicKeys();
 const toast: { error: Function; success: Function } | undefined =
   inject("toast");
@@ -26,9 +30,6 @@ watchEffect(async () => {
   }
 });
 
-definePageMeta({
-  middleware: ["auth"],
-});
 const creatorsStore = useCreatorsStore();
 const uploadStore = useUploadStore();
 const loading = ref(true);
@@ -38,10 +39,6 @@ onMounted(async () => {
   loading.value = false;
 });
 
-const reversedImages = computed(() => {
-  return creatorsStore.images.reverse();
-});
-
 function getSizePercentage(bytes: number) {
   const tenGigabytes = 10737418240;
 
@@ -143,7 +140,7 @@ function removeImage(fileName: string) {
       v-else-if="creatorsStore.images?.length > 0"
     >
       <CreatorsImageCard
-        v-for="fileName in reversedImages"
+        v-for="fileName in creatorsStore.images"
         :key="fileName"
         :fileUrl="`https://menthor-content.s3.sa-east-1.amazonaws.com/${fileName}`"
         @remove="removeImage(fileName)"