From b950f190d263db63a10b95a6b8458f1210fa9704 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 Apr 2023 10:48:30 +0200
Subject: [PATCH] list recent tasks

---
 src/use-cases/task/components/TaskList.vue |  2 +-
 src/use-cases/task/stores/useTask.store.ts | 13 +++++++++++--
 src/views/task/TaskView.vue                | 14 ++++++++++++++
 3 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/views/task/TaskView.vue

diff --git a/src/use-cases/task/components/TaskList.vue b/src/use-cases/task/components/TaskList.vue
index cd08c01..b01570d 100644
--- a/src/use-cases/task/components/TaskList.vue
+++ b/src/use-cases/task/components/TaskList.vue
@@ -7,7 +7,7 @@ const taskStore = useTaskStore()
 
 <template>
   <ul class="task-list">
-    <li v-for="task in taskStore.tasks" :key="task.id">
+    <li v-for="task in taskStore.recentTasks" :key="task.id">
       {{ task.title }} | {{ task.totalEstimation }} minutes |
       {{ formatDate(task.date) }}
     </li>
diff --git a/src/use-cases/task/stores/useTask.store.ts b/src/use-cases/task/stores/useTask.store.ts
index 793f556..d627e20 100644
--- a/src/use-cases/task/stores/useTask.store.ts
+++ b/src/use-cases/task/stores/useTask.store.ts
@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia'
 import type { Taskable } from '../interfaces/taskable'
+import { Task } from '../models/task'
 
 interface StoredTaskable extends Omit<Taskable, 'date'> {
   date: string
@@ -10,6 +11,7 @@ export interface TaskStoreState {
 }
 
 export const useTaskStore = defineStore('task-store', {
+  persist: true,
   state: (): TaskStoreState => ({
     tasks: []
   }),
@@ -17,7 +19,6 @@ export const useTaskStore = defineStore('task-store', {
     saveTask(task: Taskable) {
       this.tasks.push({
         ...task,
-        totalEstimation: task.totalEstimation,
         date: task.date.toISOString()
       })
     },
@@ -25,5 +26,13 @@ export const useTaskStore = defineStore('task-store', {
       this.tasks = []
     }
   },
-  persist: true
+  getters: {
+    recentTasks(state) {
+      return state.tasks
+        .map((task) =>
+          Task.fromTaskable({ ...task, date: new Date(task.date) })
+        )
+        .sort((a, b) => (a.date > b.date ? -1 : 1))
+    }
+  }
 })
diff --git a/src/views/task/TaskView.vue b/src/views/task/TaskView.vue
new file mode 100644
index 0000000..bd1afce
--- /dev/null
+++ b/src/views/task/TaskView.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+defineProps<{
+  id: string
+}>()
+</script>
+
+<template>
+  <div class="task-view"></div>
+</template>
+
+<style scoped>
+.task-view {
+}
+</style>