From 8249bcc18ca573ae0408dedc44012b098d1fc3e0 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Mon, 29 Apr 2024 23:19:49 -0500
Subject: [PATCH] Added low priority page

---
 src/components/pages/LowPriority.vue | 11 +++++++++++
 src/components/pages/Snoozed.vue     |  5 ++++-
 src/main.ts                          |  2 ++
 src/state.ts                         |  1 -
 4 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 src/components/pages/LowPriority.vue

diff --git a/src/components/pages/LowPriority.vue b/src/components/pages/LowPriority.vue
new file mode 100644
index 0000000..d6c7b20
--- /dev/null
+++ b/src/components/pages/LowPriority.vue
@@ -0,0 +1,11 @@
+<template>
+    <ItemsView base-url="/low" :categories="lowCategories" title="Low priority" />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { categories } from '../../state';
+import ItemsView from './ItemsView.vue';
+
+const lowCategories = computed(() => categories.value.filter(c => c.priority === "garden" && Object.keys(c.activeItems).length > 0));
+</script>
diff --git a/src/components/pages/Snoozed.vue b/src/components/pages/Snoozed.vue
index e13fa72..d61affd 100644
--- a/src/components/pages/Snoozed.vue
+++ b/src/components/pages/Snoozed.vue
@@ -3,6 +3,9 @@
 </template>
 
 <script setup lang="ts">
-import { snoozedCategories } from '../../state';
+import { computed } from 'vue';
+import { categories } from '../../state';
 import ItemsView from './ItemsView.vue';
+
+const snoozedCategories = computed(() => categories.value.filter(c => Object.keys(c.snoozedItems).length > 0));
 </script>
diff --git a/src/main.ts b/src/main.ts
index fe674ce..33ce528 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,11 +5,13 @@ import "./style.css";
 import App from "./App.vue";
 import Todo from "./components/pages/Todo.vue";
 import Snoozed from "./components/pages/Snoozed.vue";
+import LowPriority from "./components/pages/LowPriority.vue";
 
 const routes: RouteRecordRaw[] = [
     { path: '/', component: Todo, name: 'home' },
     { path: '/todo/:source(\\d+)?/:sourceItem(\\d+)?/:thread(\\d+)?', component: Todo, name: 'todo' },
     { path: '/snoozed/:source(\\d+)?/:sourceItem(\\d+)?/:thread(\\d+)?', component: Snoozed, name: 'snoozed' },
+    { path: '/low/:source(\\d+)?/:sourceItem(\\d+)?/:thread(\\d+)?', component: LowPriority, name: 'low' },
 ];
 
 const router = createRouter({
diff --git a/src/state.ts b/src/state.ts
index ef2e460..ad6a9a1 100644
--- a/src/state.ts
+++ b/src/state.ts
@@ -265,7 +265,6 @@ export const todoItems = computed(() =>
         .reduce((acc, curr) => mergeSortedLists(acc, curr.activeItems), [] as Item[])
 );
 export const todoCategories = computed(() => categories.value.filter(c => ["urgent", "notify", "todo"].includes(c.priority) && Object.keys(c.activeItems).length > 0));
-export const snoozedCategories = computed(() => categories.value.filter(c => Object.keys(c.snoozedItems).length > 0));
 
 watch(
     items,