refactoring: authentication with react-query.

client/src/hooks/state/authentication.js

@@ -0,0 +1,41 @@
+import { useDispatch, useSelector } from 'react-redux';
+import { useCallback } from 'react';
+import { isAuthenticated } from 'store/authentication/authentication.reducer';
+import { setLogin, setLogout } from 'store/authentication/authentication.actions';
+
+export const useAuthActions = () => {
+  const dispatch = useDispatch();
+
+  return {
+    setLogin: useCallback((login) => dispatch(setLogin(login)), [dispatch]),
+    setLogout: useCallback(() => dispatch(setLogout()), [dispatch]),
+  };
+};
+
+/**
+ * Retrieve whether the user is authenticated.
+ */
+export const useIsAuthenticated = () => {
+  return useSelector(isAuthenticated);
+};
+
+/**
+ * Retrieve the authentication token.
+ */
+export const useAuthToken = () => {
+  return useSelector((state) => state.authentication.token);
+};
+
+/**
+ * Retrieve the authentication user.
+ */
+export const useAuthUser = () => {
+  return useSelector((state) => state.authentication.user);
+};
+
+/**
+ * Retrieve the authenticated organization id.
+ */
+export const useAuthOrganizationId = () => {
+  return useSelector((state) => state.authentication.organization);
+};

client/src/hooks/state/globalErrors.js

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { useSelector, useDispatch } from "react-redux";
+import { setGlobalErrors } from 'store/globalErrors/globalErrors.actions';
+
+export const useSetGlobalErrors = () => {
+  const dispatch = useDispatch();
+
+  return useCallback((errors) => {
+    dispatch(setGlobalErrors(errors));
+  }, [dispatch]);
+};
+
+export const useGlobalErrors = () => {
+  const globalErrors = useSelector(state => state.globalErrors.data);
+
+  return { globalErrors };
+}

client/src/hooks/state/index.js

@@ -1 +1,3 @@
-export * from './dashboard';
+export * from './dashboard';
+export * from './authentication';
+export * from './globalErrors';