ErrorContainer.tsx ➔ errorReducer - Code Metrics - Inspection of "skeleton for separate jwt based login [to then be..." - GCTC-NTGC/TalentCloud - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — task/jwt-implementation ( d99312...86d60b )

unknown

created 2021-03-29 14:28 UTC

ErrorContainer.tsx ➔ errorReducer A

↳ Parent: resources/assets/js/components/ErrorContainer.tsx

Complexity

Conditions

Size

Total Lines	10
Code Lines	10

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	10
dl	0
loc	10
rs	9.9
c	0
b	0
f	0
cc	2

import React, { useReducer } from "react";

type ErrorState = {
  errorQueue: string[];
};

export type ErrorAction = { type: "push"; payload: string; } | { type: "pop"; };

const initialState: ErrorState = { errorQueue: [] };
function errorReducer(state: ErrorState, action: ErrorAction) {
  switch (action.type) {
    case "push":
      // Add payload to the end of the array.
      return { errorQueue: [...state.errorQueue, action.payload] };
    case "pop":
      // Remove the first element of the array.
      return { errorQueue: state.errorQueue.slice(1) };
    default:
      throw new Error("Undefined action type in errorReducer.");
  }
}

interface ErrorContextProps {
  state: ErrorState;
  dispatch: React.Dispatch<ErrorAction>;
}

export const ErrorContext = React.createContext<ErrorContextProps>({
  state: initialState,
  dispatch: (action) => {},
});

export const ErrorContainer: React.FunctionComponent = ({
  children,
}): React.ReactElement => {
  const [state, dispatch] = useReducer(errorReducer, initialState);

  return (
    <ErrorContext.Provider
      value={{
        state,
        dispatch,
      }}
    >
      {children}
    </ErrorContext.Provider>
  );
};

export default ErrorContainer;


1			import React, { useReducer } from "react";
2
3			type ErrorState = {
4			errorQueue: string[];
5			};
6
7			export type ErrorAction = { type: "push"; payload: string; } \| { type: "pop"; };
8
9			const initialState: ErrorState = { errorQueue: [] };
10			function errorReducer(state: ErrorState, action: ErrorAction) {
11			switch (action.type) {
12			case "push":
13			// Add payload to the end of the array.
14			return { errorQueue: [...state.errorQueue, action.payload] };
15			case "pop":
16			// Remove the first element of the array.
17			return { errorQueue: state.errorQueue.slice(1) };
18			default:
19			throw new Error("Undefined action type in errorReducer.");
20			}
21			}
22
23			interface ErrorContextProps {
24			state: ErrorState;
25			dispatch: React.Dispatch<ErrorAction>;
26			}
27
28			export const ErrorContext = React.createContext<ErrorContextProps>({
29			state: initialState,
30			dispatch: (action) => {},
31			});
32
33			export const ErrorContainer: React.FunctionComponent = ({
34			children,
35			}): React.ReactElement => {
36			const [state, dispatch] = useReducer(errorReducer, initialState);
37
38			return (
39			<ErrorContext.Provider
40			value={{
41			state,
42			dispatch,
43			}}
44			>
45			{children}
46			</ErrorContext.Provider>
47			);
48			};
49
50			export default ErrorContainer;
51

GCTC-NTGC / TalentCloud

Push — task/jwt-implementation ( d99312...86d60b )

ErrorContainer.tsx ➔ errorReducer A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like