Khởi tạo ban đầu

state/use-banzones.ts

@@ -0,0 +1,27 @@
+import { queryBanzones } from "@/controller/MapController";
+import { create } from "zustand";
+
+type Banzone = {
+  banzones: Model.Zone[];
+  getBanzone: () => Promise<void>;
+  error: string | null;
+  loading?: boolean;
+};
+
+export const useBanzones = create<Banzone>()((set) => ({
+  banzones: [],
+  getBanzone: async () => {
+    set({ loading: true });
+    try {
+      const response = await queryBanzones();
+      console.log("Banzone fetching: ", response.data.length);
+
+      set({ banzones: response.data, loading: false });
+    } catch (error) {
+      console.error("Error when fetch Banzones: ", error);
+      set({ error: "Failed to fetch banzone data", loading: false });
+      set({ banzones: [] });
+    }
+  },
+  error: null,
+}));

state/use-fish.ts

@@ -0,0 +1,26 @@
+import { queryFish } from "@/controller/FishController";
+import { create } from "zustand";
+
+type Fish = {
+  fishSpecies: Model.FishSpeciesResponse[] | null;
+  getFishSpecies: () => Promise<void>;
+  error: string | null;
+  loading?: boolean;
+};
+
+export const useFishes = create<Fish>((set) => ({
+  fishSpecies: null,
+  getFishSpecies: async () => {
+    try {
+      const response = await queryFish();
+      console.log("Fish fetching API: ", response.data.length);
+
+      set({ fishSpecies: response.data, loading: false });
+    } catch (error) {
+      console.error("Error when fetch fish: ", error);
+      set({ error: "Failed to fetch fish data", loading: false });
+      set({ fishSpecies: null });
+    }
+  },
+  error: null,
+}));

state/use-trip.ts

@@ -0,0 +1,26 @@
+import { queryTrip } from "@/controller/TripController";
+import { create } from "zustand";
+
+type Trip = {
+  trip: Model.Trip | null;
+  getTrip: () => Promise<void>;
+  error: string | null;
+  loading?: boolean;
+};
+
+export const useTrip = create<Trip>((set) => ({
+  trip: null,
+  getTrip: async () => {
+    try {
+      const response = await queryTrip();
+      console.log("Trip fetching API");
+
+      set({ trip: response.data, loading: false });
+    } catch (error) {
+      console.error("Error when fetch trip: ", error);
+      set({ error: "Failed to fetch trip data", loading: false });
+      set({ trip: null });
+    }
+  },
+  error: null,
+}));