Modernize ContactModal

ts/state/ducks/globalModals.ts

@@ -4,16 +4,33 @@
 // State
 
 export type GlobalModalsStateType = {
+  readonly contactModalState?: ContactModalStateType;
   readonly isProfileEditorVisible: boolean;
   readonly profileEditorHasError: boolean;
 };
 
 // Actions
 
+const HIDE_CONTACT_MODAL = 'globalModals/HIDE_CONTACT_MODAL';
+const SHOW_CONTACT_MODAL = 'globalModals/SHOW_CONTACT_MODAL';
 const TOGGLE_PROFILE_EDITOR = 'globalModals/TOGGLE_PROFILE_EDITOR';
 export const TOGGLE_PROFILE_EDITOR_ERROR =
   'globalModals/TOGGLE_PROFILE_EDITOR_ERROR';
 
+export type ContactModalStateType = {
+  contactId: string;
+  conversationId?: string;
+};
+
+type HideContactModalActionType = {
+  type: typeof HIDE_CONTACT_MODAL;
+};
+
+type ShowContactModalActionType = {
+  type: typeof SHOW_CONTACT_MODAL;
+  payload: ContactModalStateType;
+};
+
 type ToggleProfileEditorActionType = {
   type: typeof TOGGLE_PROFILE_EDITOR;
 };
@@ -23,16 +40,39 @@ export type ToggleProfileEditorErrorActionType = {
 };
 
 export type GlobalModalsActionType =
+  | HideContactModalActionType
+  | ShowContactModalActionType
   | ToggleProfileEditorActionType
   | ToggleProfileEditorErrorActionType;
 
 // Action Creators
 
 export const actions = {
+  hideContactModal,
+  showContactModal,
   toggleProfileEditor,
   toggleProfileEditorHasError,
 };
 
+function hideContactModal(): HideContactModalActionType {
+  return {
+    type: HIDE_CONTACT_MODAL,
+  };
+}
+
+function showContactModal(
+  contactId: string,
+  conversationId?: string
+): ShowContactModalActionType {
+  return {
+    type: SHOW_CONTACT_MODAL,
+    payload: {
+      contactId,
+      conversationId,
+    },
+  };
+}
+
 function toggleProfileEditor(): ToggleProfileEditorActionType {
   return { type: TOGGLE_PROFILE_EDITOR };
 }
@@ -68,5 +108,19 @@ export function reducer(
     };
   }
 
+  if (action.type === SHOW_CONTACT_MODAL) {
+    return {
+      ...state,
+      contactModalState: action.payload,
+    };
+  }
+
+  if (action.type === HIDE_CONTACT_MODAL) {
+    return {
+      ...state,
+      contactModalState: undefined,
+    };
+  }
+
   return state;
 }