style: format

ui/src/providers/config/index.tsx

@@ -1,18 +1,12 @@
+import { createContext, ReactNode, useCallback, useContext, useEffect, useReducer } from "react";
+
 import { Access } from "@/domain/access";
+import { AccessGroup } from "@/domain/access_groups";
+import { Setting } from "@/domain/settings";
 import { list } from "@/repository/access";
 import { list as getAccessGroups } from "@/repository/access_group";
-import {
-  createContext,
-  ReactNode,
-  useCallback,
-  useContext,
-  useEffect,
-  useReducer,
-} from "react";
-import { configReducer } from "./reducer";
 import { getEmails } from "@/repository/settings";
-import { Setting } from "@/domain/settings";
-import { AccessGroup } from "@/domain/access_groups";
+import { configReducer } from "./reducer";
 
 export type ConfigData = {
   accesses: Access[];

ui/src/providers/config/reducer.ts

@@ -1,7 +1,7 @@
 import { Access } from "@/domain/access";
-import { ConfigData } from ".";
-import { EmailsSetting, Setting } from "@/domain/settings";
 import { AccessGroup } from "@/domain/access_groups";
+import { EmailsSetting, Setting } from "@/domain/settings";
+import { ConfigData } from "./";
 
 type Action =
   | { type: "ADD_ACCESS"; payload: Access }
@@ -12,10 +12,7 @@ type Action =
   | { type: "ADD_EMAIL"; payload: string }
   | { type: "SET_ACCESS_GROUPS"; payload: AccessGroup[] };
 
-export const configReducer = (
-  state: ConfigData,
-  action: Action
-): ConfigData => {
+export const configReducer = (state: ConfigData, action: Action): ConfigData => {
   switch (action.type) {
     case "SET_ACCESSES": {
       return {
@@ -32,17 +29,13 @@ export const configReducer = (
     case "DELETE_ACCESS": {
       return {
         ...state,
-        accesses: state.accesses.filter(
-          (access) => access.id !== action.payload
-        ),
+        accesses: state.accesses.filter((access) => access.id !== action.payload),
       };
     }
     case "UPDATE_ACCESS": {
       return {
         ...state,
-        accesses: state.accesses.map((access) =>
-          access.id === action.payload.id ? action.payload : access
-        ),
+        accesses: state.accesses.map((access) => (access.id === action.payload.id ? action.payload : access)),
       };
     }
     case "SET_EMAILS": {
@@ -57,10 +50,7 @@ export const configReducer = (
         emails: {
           ...state.emails,
           content: {
-            emails: [
-              ...(state.emails.content as EmailsSetting).emails,
-              action.payload,
-            ],
+            emails: [...(state.emails.content as EmailsSetting).emails, action.payload],
           },
         },
       };

ui/src/providers/notify/index.tsx

@@ -1,13 +1,7 @@
+import { ReactNode, useContext, createContext, useEffect, useReducer, useCallback } from "react";
+
 import { NotifyChannel, Setting } from "@/domain/settings";
 import { getSetting } from "@/repository/settings";
-import {
-  ReactNode,
-  useContext,
-  createContext,
-  useEffect,
-  useReducer,
-  useCallback,
-} from "react";
 import { notifyReducer } from "./reducer";
 
 export type NotifyContext = {
@@ -37,15 +31,12 @@ export const NotifyProvider = ({ children }: ContainerProps) => {
     featchData();
   }, []);
 
-  const setChannel = useCallback(
-    (data: { channel: string; data: NotifyChannel }) => {
-      dispatchNotify({
-        type: "SET_CHANNEL",
-        payload: data,
-      });
-    },
-    []
-  );
+  const setChannel = useCallback((data: { channel: string; data: NotifyChannel }) => {
+    dispatchNotify({
+      type: "SET_CHANNEL",
+      payload: data,
+    });
+  }, []);
 
   const setChannels = useCallback((setting: Setting) => {
     dispatchNotify({