From c08ffe03e815c0cef8e0502cb2cafc901438e7aa Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Wed, 3 Jan 2024 22:44:50 +0300
Subject: [PATCH] sort completed in reverse over.

---
 frontend/src/components/Page-Completed.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Page-Completed.vue b/frontend/src/components/Page-Completed.vue
index 75aba9ec..977c4c75 100644
--- a/frontend/src/components/Page-Completed.vue
+++ b/frontend/src/components/Page-Completed.vue
@@ -66,7 +66,7 @@
     </div>
 
     <div class="columns is-multiline">
-      <div class="column is-6" v-for="item in completed" :key="item._id">
+      <div class="column is-6" v-for="item in sortCompleted" :key="item._id">
         <div class="card" :class="{ 'is-bordered-danger': hasError(item) }">
           <header class="card-header has-tooltip" :data-tooltip="item.title">
             <div class="card-header-title has-text-centered is-text-overflow is-block">
@@ -235,6 +235,11 @@ watch(masterSelectAll, (value) => {
   }
 })
 
+const sortCompleted = computed(() => {
+  return Object.values(props.completed).sort((a, b) => {
+    return new Date(b.datetime) - new Date(a.datetime);
+  })
+})
 const hasSelected = computed(() => selectedElms.value.length > 0)
 const hasItems = computed(() => Object.keys(props.completed)?.length > 0)
 const getTotal = computed(() => Object.keys(props.completed)?.length);