Support deploying one certificate to multiple SSH hosts, and support deploying multiple certificates to one SSH host.

ui/src/providers/config/index.tsx

@@ -1,6 +1,6 @@
 import { Access } from "@/domain/access";
 import { list } from "@/repository/access";
-
+import { list as getAccessGroups } from "@/repository/access_group";
 import {
   createContext,
   ReactNode,
@@ -12,10 +12,12 @@ import {
 import { configReducer } from "./reducer";
 import { getEmails } from "@/repository/settings";
 import { Setting } from "@/domain/settings";
+import { AccessGroup } from "@/domain/access_groups";
 
 export type ConfigData = {
   accesses: Access[];
   emails: Setting;
+  accessGroups: AccessGroup[];
 };
 
 export type ConfigContext = {
@@ -24,6 +26,8 @@ export type ConfigContext = {
   addAccess: (access: Access) => void;
   updateAccess: (access: Access) => void;
   setEmails: (email: Setting) => void;
+  setAccessGroups: (accessGroups: AccessGroup[]) => void;
+  reloadAccessGroups: () => void;
 };
 
 const Context = createContext({} as ConfigContext);
@@ -38,6 +42,7 @@ export const ConfigProvider = ({ children }: ContainerProps) => {
   const [config, dispatchConfig] = useReducer(configReducer, {
     accesses: [],
     emails: { content: { emails: [] } },
+    accessGroups: [],
   });
 
   useEffect(() => {
@@ -56,6 +61,19 @@ export const ConfigProvider = ({ children }: ContainerProps) => {
     featchEmails();
   }, []);
 
+  useEffect(() => {
+    const featchAccessGroups = async () => {
+      const accessGroups = await getAccessGroups();
+      dispatchConfig({ type: "SET_ACCESS_GROUPS", payload: accessGroups });
+    };
+    featchAccessGroups();
+  }, []);
+
+  const reloadAccessGroups = useCallback(async () => {
+    const accessGroups = await getAccessGroups();
+    dispatchConfig({ type: "SET_ACCESS_GROUPS", payload: accessGroups });
+  }, []);
+
   const setEmails = useCallback((emails: Setting) => {
     dispatchConfig({ type: "SET_EMAILS", payload: emails });
   }, []);
@@ -72,17 +90,24 @@ export const ConfigProvider = ({ children }: ContainerProps) => {
     dispatchConfig({ type: "UPDATE_ACCESS", payload: access });
   }, []);
 
+  const setAccessGroups = useCallback((accessGroups: AccessGroup[]) => {
+    dispatchConfig({ type: "SET_ACCESS_GROUPS", payload: accessGroups });
+  }, []);
+
   return (
     <Context.Provider
       value={{
         config: {
           accesses: config.accesses,
           emails: config.emails,
+          accessGroups: config.accessGroups,
         },
         deleteAccess,
         addAccess,
         setEmails,
         updateAccess,
+        setAccessGroups,
+        reloadAccessGroups,
       }}
     >
       {children && children}

ui/src/providers/config/reducer.ts

@@ -1,6 +1,7 @@
 import { Access } from "@/domain/access";
 import { ConfigData } from ".";
 import { Setting } from "@/domain/settings";
+import { AccessGroup } from "@/domain/access_groups";
 
 type Action =
   | { type: "ADD_ACCESS"; payload: Access }
@@ -8,7 +9,8 @@ type Action =
   | { type: "UPDATE_ACCESS"; payload: Access }
   | { type: "SET_ACCESSES"; payload: Access[] }
   | { type: "SET_EMAILS"; payload: Setting }
-  | { type: "ADD_EMAIL"; payload: string };
+  | { type: "ADD_EMAIL"; payload: string }
+  | { type: "SET_ACCESS_GROUPS"; payload: AccessGroup[] };
 
 export const configReducer = (
   state: ConfigData,
@@ -60,6 +62,12 @@ export const configReducer = (
         },
       };
     }
+    case "SET_ACCESS_GROUPS": {
+      return {
+        ...state,
+        accessGroups: action.payload,
+      };
+    }
     default:
       return state;
   }