Initial Commit

hooks/use-action.ts

@@ -0,0 +1,58 @@
+import { useState, useCallback } from "react";
+
+import { ActionState, FieldErrors } from "@/lib/create-safe-action";
+
+type Action<TInput, TOutput> = (
+  data: TInput
+) => Promise<ActionState<TInput, TOutput>>;
+
+interface UseActionOptions<TOutput> {
+  onSuccess?: (data: TOutput) => void;
+  onError?: (error: string) => void;
+  onComplete?: () => void;
+}
+
+export const useAction = <TInput, TOutput>(
+  action: Action<TInput, TOutput>,
+  options: UseActionOptions<TOutput> = {}
+) => {
+  const [fieldErrors, setFieldErrors] = useState<
+    FieldErrors<TInput> | undefined
+  >(undefined);
+  const [error, setError] = useState<string | undefined>(undefined);
+  const [data, setData] = useState<TOutput | undefined>(undefined);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  const execute = useCallback(
+    async (input: TInput) => {
+      setIsLoading(true);
+
+      try {
+        const result = await action(input);
+
+        if (!result) return;
+        setFieldErrors(result.fieldErrors);
+        if (result.error) {
+          setError(result.error);
+          options.onError?.(result.error);
+        }
+        if (result.data) {
+          setData(result.data);
+          options.onSuccess?.(result.data);
+        }
+      } finally {
+        setIsLoading(false);
+        options.onComplete?.();
+      }
+    },
+    [action, options]
+  );
+
+  return {
+    execute,
+    fieldErrors,
+    error,
+    data,
+    isLoading,
+  };
+};

hooks/use-card-modal.ts

@@ -0,0 +1,15 @@
+import { create } from "zustand";
+
+type CardModalStore = {
+  id?: string;
+  isOpen: boolean;
+  onOpen: (id: string) => void;
+  onClose: () => void;
+};
+
+export const useCardModal = create<CardModalStore>((set) => ({
+  id: undefined,
+  isOpen: false,
+  onOpen: (id: string) => set({ isOpen: true, id }),
+  onClose: () => set({ isOpen: false, id: undefined }),
+}));

hooks/use-mobile-sidebar.ts

@@ -0,0 +1,13 @@
+import { create } from "zustand";
+
+type MobileSidebarStore = {
+  isOpen: boolean;
+  onOpen: () => void;
+  onClose: () => void;
+};
+
+export const useMobileSidebar = create<MobileSidebarStore>((set) => ({
+  isOpen: false,
+  onOpen: () => set({ isOpen: true }),
+  onClose: () => set({ isOpen: false }),
+}));

hooks/use-pro-modal.ts

@@ -0,0 +1,13 @@
+import { create } from "zustand";
+
+type ProModalStore = {
+  isOpen: boolean;
+  onOpen: () => void;
+  onClose: () => void;
+};
+
+export const useProModal = create<ProModalStore>((set) => ({
+  isOpen: false,
+  onOpen: () => set({ isOpen: true }),
+  onClose: () => set({ isOpen: false }),
+}));