feat(admin): save order filter state

csps · Sep 21, 2023 · ca78080 · ca78080 · vercel · Sep 21, 2023
1 parent 68d0a82
commit ca78080
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/pages/admin/tabs/TabOrders.vue b/src/pages/admin/tabs/TabOrders.vue
@@ -59,6 +59,7 @@ import { FullOrderEnum } from "~/types/models";
 import { OrderStatus } from "~/types/enums";
 import { getMonthYear } from "~/utils/date";
 import { capitalize } from "~/utils/string";
+import { getStore, setStore } from "~/utils/storage";
 import { useStore } from "~/store";
 import { Env } from "~/config";
 
@@ -78,7 +79,7 @@ const data = ref({
   orders: [] as FullOrderModel[],
   page: 1,
   search: "",
-  filterStatus: [OrderStatus.PENDING_PAYMENT],
+  filterStatus: getStore("tabs_orders_status") ? JSON.parse(getStore("tabs_orders_status")) : [OrderStatus.PENDING_PAYMENT],
   column: FullOrderEnum.reference,
 });
 
@@ -113,6 +114,7 @@ watch([
   () => data.value.filterStatus,
   () => data.value.page,
 ], v => {
+  setStore("tabs_orders_status", JSON.stringify(data.value.filterStatus));
   fetchOrders(v[0]);
 });
 

diff --git a/src/types/index.d.ts b/src/types/index.d.ts
@@ -231,7 +231,8 @@ declare global {
     link?: string
   }
 
-  type StoreKeys = "dark" | "std_token" | "adm_token" | "home_msg_role" | "login_id" | "student";
+  type StoreKeys = "dark" | "std_token" | "adm_token" | "home_msg_role" |
+    "login_id" | "student" | "tabs_orders_status";
 }
 
 export {};