migration

Author: MacKentoch

front/src/contexts/auth/context/index.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// #region flow types
+// #region types
 export type User = {
   email: string;
 };

front/src/contexts/auth/providerComponent/index.tsx

@@ -68,7 +68,7 @@ export default class AuthProvider extends Component<
   // #endregion
 
   checkIsAuthenticated = (): boolean => {
-    const checkUserHasId = (user: User) => user && user.id;
+    const checkUserHasId = (user: User) => user && user?.id;
     const user = auth.getUserInfo() ? auth.getUserInfo() : null;
     const isAuthenticated = auth.getToken() && checkUserHasId(user);
 
@@ -114,7 +114,7 @@ export default class AuthProvider extends Component<
 
   setUserInfo = (user: User) => {
     if (typeof user === 'object') {
-      auth.setUserInfo(user);
+      auth.setUserInfo(JSON.stringify(user));
 
       devToolsStore &&
         devToolsStore.dispatch({

front/src/contexts/withDevTools/index.js renamed to front/src/contexts/withDevTools/index.ts

@@ -1,52 +1,53 @@
-// @flow
-
-// #region flow types
+// #region types
 export type DevToolsMessageType = 'DISPATCH' | string;
 
 export type DevToolsMessagePayload = {
-  type?: string,
-  state?: any,
-  ...any,
+  type?: string;
+  state?: any;
 };
 
 export type DevToolsMessage = {
-  type?: DevToolsMessageType,
-  payload?: DevToolsMessagePayload,
-  ...any,
+  type?: DevToolsMessageType;
+  payload?: DevToolsMessagePayload;
 };
 
 export type DevTools = {
-  connect: () => any,
-  subscribe: (message: DevToolsMessage) => any,
-  send: (type: string, state: any) => any,
-  unsubscribe: () => any,
-  dispatch: (action: { type: string, ...any }) => any,
-  disconnect: () => any,
-  ...any,
+  connect: () => any;
+  subscribe: (message: DevToolsMessage) => any;
+  send: (action: { type: string; state?: any }, newState: any) => any;
+  unsubscribe: () => any;
+  dispatch: (action: { type: string }) => any;
+  disconnect: () => any;
 };
 // #endregion
 
 // #region constants
 const isDEV = process.env.NODE_ENV === 'development';
 
 export const withDevTools =
-  isDEV && typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__;
+  isDEV &&
+  typeof window !== 'undefined' &&
+  (window as any).__REDUX_DEVTOOLS_EXTENSION__;
 
-// $FlowIgnore
 const devTools: DevTools = !withDevTools
   ? null
-  : window.__REDUX_DEVTOOLS_EXTENSION__.connect();
+  : (window as any).__REDUX_DEVTOOLS_EXTENSION__.connect();
 // #endregion
 
 // #region devtools reducer
-const initialState = {
+type State = {
+  auth: any;
+};
+type Action = {
+  type: string;
+  state?: any;
+};
+
+const initialState: State = {
   auth: {},
 };
 
-export const reducer = (
-  state: any = initialState,
-  action: { type: string, ...any },
-) => {
+export const reducer = (state: State = initialState, action: Action) => {
   /* eslint-disable no-unused-vars */
   switch (action.type) {
     // #region auth context
@@ -68,7 +69,7 @@ export const reducer = (
 // #endregion
 
 // #region singleton devtools local state
-let state;
+let state: State;
 // #endregion
 
 // #region devToolsStore (redux like)
@@ -77,7 +78,7 @@ export const devToolsStore = !withDevTools
   ? null
   : {
       ...devTools,
-      dispatch: action => {
+      dispatch: (action: Action) => {
         // #region action validation
         if (!action) {
           throw new Error('devTools dispatched action should be defined');