feat(FE): add state filter dashboard with store

src/stores/dashboard/dashboard.store.ts

@@ -0,0 +1,24 @@
+'use client';
+
+import { create } from 'zustand';
+import { devtools, persist } from 'zustand/middleware';
+import { createDashboardFilterSlice } from '@/stores/dashboard/slices/dashboard-filter.slice';
+import { DashboardFilterSlice } from '@/types/stores';
+
+export type DashboardStore = DashboardFilterSlice;
+
+export const useDashboardStore = create<DashboardStore>()(
+  devtools(
+    persist(
+      (...args) => ({
+        ...createDashboardFilterSlice(...args),
+      }),
+      {
+        name: 'dashboard-filter-cache',
+      }
+    ),
+    {
+      name: 'DashboardStore',
+    }
+  )
+);

src/stores/dashboard/index.ts

@@ -0,0 +1,2 @@
+export { useDashboardStore } from './dashboard.store';
+export type { DashboardStore } from './dashboard.store';

src/stores/dashboard/slices/dashboard-filter.slice.ts

@@ -0,0 +1,45 @@
+import { DashboardFilterSlice } from '@/types/stores';
+import { StateCreator } from 'zustand';
+
+export const createDashboardFilterSlice: StateCreator<
+  DashboardFilterSlice,
+  [],
+  [],
+  DashboardFilterSlice
+> = (set) => ({
+  // Initial state
+  filterValues: {
+    startDate: '',
+    endDate: '',
+    analysisMode: 'OVERVIEW',
+    comparisonType: undefined,
+    location: [],
+    locationIds: undefined,
+    flock: undefined,
+    flockIds: undefined,
+    kandang: undefined,
+    kandangIds: undefined,
+  },
+
+  // Actions
+  setFilterValues: (values) => set({ filterValues: values }),
+
+  resetFilterValues: () => {
+    alert('reset filter values');
+
+    return set({
+      filterValues: {
+        startDate: '',
+        endDate: '',
+        analysisMode: 'OVERVIEW',
+        comparisonType: undefined,
+        location: [],
+        locationIds: undefined,
+        flock: undefined,
+        flockIds: undefined,
+        kandang: undefined,
+        kandangIds: undefined,
+      },
+    });
+  },
+});