📦 EqualifyEverything / equalify

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94import { BlockersTableColumnToggle } from "#src/components/BlockersTableColumnToggle.tsx";
import { OnChangeFn, Updater, VisibilityState } from "@tanstack/react-table";
import { toast } from "sonner";
import { create } from "zustand";
import { persist } from "zustand/middleware";


interface EqualifyState {
  loading: boolean | string;
  setLoading: (val: string | boolean) => void;
  darkMode: boolean;
  setDarkMode: (val: boolean) => void;
  auditsTableView: string;
  setAuditsTableView: (val: string) => void;
  blockersTableView: string;
  setBlockersTableView: (val: string) => void;
  authenticated: boolean;
  setAuthenticated: (val: boolean) => void;
  ssoAuthenticated: boolean;
  setSsoAuthenticated: (val: boolean) => void;
  announceMessage: string;
  setAnnounceMessage: (
    val: string,
    style?: "normal" | "success" | "error",
    screenReaderOnly?: boolean,
  ) => void;
  blockerTableColumnVisibility: VisibilityState;
  setBlockerTableColumnVisibility: OnChangeFn<VisibilityState>;
}

export const useGlobalStore = create<EqualifyState>()(
  persist(
    (set) => ({
      loading: false,
      setLoading: (val) => set(() => ({ loading: val })),
      darkMode: false,
      setDarkMode: (val) => set(() => ({ darkMode: val })),
      auditsTableView: "cards",
      setAuditsTableView: (val) => set(() => ({ auditsTableView: val })),
      blockersTableView: "summary",
      setBlockersTableView: (val) => set(() => ({ blockersTableView: val })),
      authenticated: false,
      setAuthenticated: (val) => set(() => ({ authenticated: val })),
      ssoAuthenticated: false,
      setSsoAuthenticated: (val) => set(() => ({ ssoAuthenticated: val })),
      announceMessage: "",
      setAnnounceMessage: (
        val,
        style = "normal",
        setScreenReaderOnly = false,
      ) => {
        set(() => ({ announceMessage: val }));
        if (!setScreenReaderOnly) {
          switch (style) {
            case "success":
              toast.success(val);
              return;
            case "error":
              toast.error(val);
              return;
            default:
              toast(val);
          }
        }
      },
      blockerTableColumnVisibility: {
        // defaults for column visibility
        categories: false,
        tags: false,
        id: false, // this is the "ignored" column
        content: true,
        messages: true,
        url: true,
        type: true,
      },
      setBlockerTableColumnVisibility: (updater) =>
        set((state) => ({
          blockerTableColumnVisibility:
            typeof updater === "function"
              ? updater(state.blockerTableColumnVisibility)
              : updater,
        })),
    }),
    {
      name: "equalify-storage",
      partialize: (state) => ({
        darkMode: state.darkMode,
        authenticated: state.authenticated,
        ssoAuthenticated: state.ssoAuthenticated,
      }),
    },
  ),
);