From 009b3d2d7e8d1e4ac7d4a350978cbf96d8849507 Mon Sep 17 00:00:00 2001
From: Bernardo Simonassi <bernardosimonassi@hotmail.com>
Date: Sat, 27 Jan 2024 17:21:31 -0300
Subject: [PATCH] fix: creators images

---
 apps/app/pages/creators/images.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/app/pages/creators/images.vue b/apps/app/pages/creators/images.vue
index c005a30..f6b1ed6 100644
--- 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)"