@openmrs/esm-fast-data-entry-app 1.0.1-pre.171 → 1.0.1-pre.176

package/src/context/GroupFormWorkflowReducer.ts

@@ -1,19 +1,15 @@
-import { navigate } from "@openmrs/esm-framework";
-import { initialWorkflowState } from "./FormWorkflowContext";
-import { v4 as uuid } from "uuid";
+import { navigate } from '@openmrs/esm-framework';
+import { initialWorkflowState } from './FormWorkflowContext';
+import { v4 as uuid } from 'uuid';
 
-export const fdeGroupWorkflowStorageVersion = "1.0.5";
-export const fdeGroupWorkflowStorageName =
-  "openmrs:fastDataEntryGroupWorkflowState";
+export const fdeGroupWorkflowStorageVersion = '1.0.5';
+export const fdeGroupWorkflowStorageName = 'openmrs:fastDataEntryGroupWorkflowState';
 const persistData = (data) => {
-  localStorage.setItem(
-    fdeGroupWorkflowStorageName + ":" + data.userUuid,
-    JSON.stringify(data)
-  );
+  localStorage.setItem(fdeGroupWorkflowStorageName + ':' + data.userUuid, JSON.stringify(data));
 };
 
 const initialFormState = {
-  workflowState: "NEW_GROUP_SESSION",
+  workflowState: 'NEW_GROUP_SESSION',
   groupUuid: null,
   groupName: null,
   groupMembers: [],
@@ -28,16 +24,11 @@ const initialFormState = {
 
 const reducer = (state, action) => {
   switch (action.type) {
-    case "INITIALIZE_WORKFLOW_STATE": {
-      const savedData = localStorage.getItem(
-        fdeGroupWorkflowStorageName + ":" + action.userUuid
-      );
+    case 'INITIALIZE_WORKFLOW_STATE': {
+      const savedData = localStorage.getItem(fdeGroupWorkflowStorageName + ':' + action.userUuid);
       const savedDataObject = savedData ? JSON.parse(savedData) : {};
       let newState: { [key: string]: unknown } = {};
-      if (
-        savedData &&
-        savedDataObject["_storageVersion"] === fdeGroupWorkflowStorageVersion
-      ) {
+      if (savedData && savedDataObject['_storageVersion'] === fdeGroupWorkflowStorageVersion) {
         // there is localStorage data and it is still valid
         const thisSavedForm = savedDataObject.forms?.[action.activeFormUuid];
         // set active patient to the last one we were on
@@ -59,10 +50,8 @@ const reducer = (state, action) => {
               ...initialFormState,
               ...thisSavedForm,
               activePatientUuid: activePatientUuid,
-              activeEncounterUuid:
-                thisSavedForm?.encounters?.[activePatientUuid] || null,
-              activeVisitUuid:
-                thisSavedForm?.visits?.[activePatientUuid] || null,
+              activeEncounterUuid: thisSavedForm?.encounters?.[activePatientUuid] || null,
+              activeVisitUuid: thisSavedForm?.visits?.[activePatientUuid] || null,
               activeSessionUuid: activeSessionUuid,
             },
           },
@@ -83,7 +72,7 @@ const reducer = (state, action) => {
       return newState;
     }
 
-    case "SET_GROUP": {
+    case 'SET_GROUP': {
       const newState = {
         ...state,
         forms: {
@@ -96,13 +85,8 @@ const reducer = (state, action) => {
               // this translation is not preferred
               // the only reason we tollerate it here is beause it should be the only time
               // we add cohort information to state
-              action.group.cohortMembers?.map(
-                (member) => member?.patient?.uuid
-              ) ?? [],
-            groupMembers:
-              action.group.cohortMembers?.map(
-                (member) => member?.patient?.uuid
-              ) ?? [],
+              action.group.cohortMembers?.map((member) => member?.patient?.uuid) ?? [],
+            groupMembers: action.group.cohortMembers?.map((member) => member?.patient?.uuid) ?? [],
             activePatientUuid: null,
             activeEncounterUuid: null,
             activeVisitUuid: null,
@@ -113,7 +97,7 @@ const reducer = (state, action) => {
       persistData(newState);
       return newState;
     }
-    case "UNSET_GROUP": {
+    case 'UNSET_GROUP': {
       const newState = {
         ...state,
         forms: {
@@ -134,7 +118,7 @@ const reducer = (state, action) => {
       persistData(newState);
       return newState;
     }
-    case "SET_SESSION_META": {
+    case 'SET_SESSION_META': {
       // requires that group is already entered and contains patientUuids
       const newState = {
         ...state,
@@ -143,30 +127,21 @@ const reducer = (state, action) => {
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
             sessionMeta: action.meta,
-            activePatientUuid:
-              state.forms[state.activeFormUuid].patientUuids?.[0],
+            activePatientUuid: state.forms[state.activeFormUuid].patientUuids?.[0],
             activeEncounterUuid:
-              state.forms[state.activeFormUuid].encounters[
-                state.forms[state.activeFormUuid].patientUuids?.[0]
-              ] || null,
+              state.forms[state.activeFormUuid].encounters[state.forms[state.activeFormUuid].patientUuids?.[0]] || null,
             activeVisitUuid:
-              state.forms[state.activeFormUuid].visits[
-                state.forms[state.activeFormUuid].patientUuids?.[0]
-              ] || null,
+              state.forms[state.activeFormUuid].visits[state.forms[state.activeFormUuid].patientUuids?.[0]] || null,
             activeSessionUuid: uuid(),
-            workflowState: "EDIT_FORM",
+            workflowState: 'EDIT_FORM',
           },
         },
       };
       persistData(newState);
       return newState;
     }
-    case "ADD_PATIENT_UUID": {
-      if (
-        state.forms[state.activeFormUuid].patientUuids.includes(
-          action.patientUuid
-        )
-      ) {
+    case 'ADD_PATIENT_UUID': {
+      if (state.forms[state.activeFormUuid].patientUuids.includes(action.patientUuid)) {
         return state;
       }
 
@@ -176,35 +151,30 @@ const reducer = (state, action) => {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            patientUuids: [
-              ...state.forms[state.activeFormUuid].patientUuids,
-              action.patientUuid,
-            ],
+            patientUuids: [...state.forms[state.activeFormUuid].patientUuids, action.patientUuid],
           },
         },
       };
       persistData(newState);
       return newState;
     }
-    case "REMOVE_PATIENT_UUID": {
+    case 'REMOVE_PATIENT_UUID': {
       const newState = {
         ...state,
         forms: {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            patientUuids: state.forms[
-              state.activeFormUuid
-            ].patientUuids?.filter((uuid) => action.patientUuid !== uuid),
+            patientUuids: state.forms[state.activeFormUuid].patientUuids?.filter((uuid) => action.patientUuid !== uuid),
           },
         },
       };
       persistData(newState);
       return newState;
     }
-    case "SAVE_ENCOUNTER": {
+    case 'SAVE_ENCOUNTER': {
       const thisForm = state.forms[state.activeFormUuid];
-      if (thisForm.workflowState === "SUBMIT_FOR_COMPLETE") {
+      if (thisForm.workflowState === 'SUBMIT_FOR_COMPLETE') {
         const { [state.activeFormUuid]: activeForm, ...formRest } = state.forms;
         const newState = {
           ...state,
@@ -213,16 +183,13 @@ const reducer = (state, action) => {
         };
         persistData(newState);
         // eslint-disable-next-line
-        navigate({ to: "${openmrsSpaBase}/forms" });
+        navigate({ to: '${openmrsSpaBase}/forms' });
         return newState;
-      } else if (thisForm.workflowState === "SUBMIT_FOR_NEXT") {
+      } else if (thisForm.workflowState === 'SUBMIT_FOR_NEXT') {
         const nextPatientUuid = state.nextPatientUuid
           ? state.nextPatientUuid
           : thisForm.patientUuids[
-              Math.min(
-                thisForm.patientUuids.indexOf(thisForm.activePatientUuid) + 1,
-                thisForm.patientUuids.length - 1
-              )
+              Math.min(thisForm.patientUuids.indexOf(thisForm.activePatientUuid) + 1, thisForm.patientUuids.length - 1)
             ];
         const encounters = {
           ...thisForm.encounters,
@@ -239,7 +206,7 @@ const reducer = (state, action) => {
               activeEncounterUuid: encounters[nextPatientUuid] || null,
               activeVisitUuid: thisForm.visits[nextPatientUuid] || null,
               activeSessionUuid: thisForm.activeSessionUuid,
-              workflowState: "EDIT_FORM",
+              workflowState: 'EDIT_FORM',
             },
           },
         };
@@ -247,36 +214,34 @@ const reducer = (state, action) => {
         return newState;
       } else return state;
     }
-    case "EDIT_ENCOUNTER": {
+    case 'EDIT_ENCOUNTER': {
       const newState = {
         ...state,
         forms: {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            activeEncounterUuid:
-              state.forms[state.activeFormUuid].encounters[action.patientUuid],
-            activeVisitUuid:
-              state.forms[state.activeFormUuid].visits[action.patientUuid],
+            activeEncounterUuid: state.forms[state.activeFormUuid].encounters[action.patientUuid],
+            activeVisitUuid: state.forms[state.activeFormUuid].visits[action.patientUuid],
             activePatientUuid: action.patientUuid,
             activeSessionUuid: action.activeSessionUuid,
-            workflowState: "EDIT_FORM",
+            workflowState: 'EDIT_FORM',
           },
         },
       };
       persistData(newState);
       return newState;
     }
-    case "VALIDATE_FOR_NEXT":
+    case 'VALIDATE_FOR_NEXT':
       // this state should not be persisted
       window.dispatchEvent(
-        new CustomEvent("ampath-form-action", {
+        new CustomEvent('ampath-form-action', {
           detail: {
             formUuid: state.activeFormUuid,
             patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
-            action: "validateForm",
+            action: 'validateForm',
           },
-        })
+        }),
       );
       return {
         ...state,
@@ -284,11 +249,11 @@ const reducer = (state, action) => {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            workflowState: "VALIDATE_FOR_NEXT",
+            workflowState: 'VALIDATE_FOR_NEXT',
           },
         },
       };
-    case "UPDATE_VISIT_UUID":
+    case 'UPDATE_VISIT_UUID':
       // this state should not be persisted
       // we don't pers
       return {
@@ -299,24 +264,23 @@ const reducer = (state, action) => {
             ...state.forms[state.activeFormUuid],
             visits: {
               ...state.forms[state.activeFormUuid].visits,
-              [state.forms[state.activeFormUuid].activePatientUuid]:
-                action.visitUuid,
+              [state.forms[state.activeFormUuid].activePatientUuid]: action.visitUuid,
             },
             activeVisitUuid: action.visitUuid,
           },
         },
       };
 
-    case "SUBMIT_FOR_NEXT":
+    case 'SUBMIT_FOR_NEXT':
       // this state should not be persisted
       window.dispatchEvent(
-        new CustomEvent("ampath-form-action", {
+        new CustomEvent('ampath-form-action', {
           detail: {
             formUuid: state.activeFormUuid,
             patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
-            action: "onSubmit",
+            action: 'onSubmit',
           },
-        })
+        }),
       );
       return {
         ...state,
@@ -324,21 +288,21 @@ const reducer = (state, action) => {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            workflowState: "SUBMIT_FOR_NEXT",
+            workflowState: 'SUBMIT_FOR_NEXT',
           },
         },
         nextPatientUuid: action.nextPatientUuid,
       };
-    case "SUBMIT_FOR_REVIEW":
+    case 'SUBMIT_FOR_REVIEW':
       // this state should not be persisted
       window.dispatchEvent(
-        new CustomEvent("ampath-form-action", {
+        new CustomEvent('ampath-form-action', {
           detail: {
             formUuid: state.activeFormUuid,
             patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
-            action: "onSubmit",
+            action: 'onSubmit',
           },
-        })
+        }),
       );
       return {
         ...state,
@@ -346,21 +310,21 @@ const reducer = (state, action) => {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            workflowState: "SUBMIT_FOR_REVIEW",
+            workflowState: 'SUBMIT_FOR_REVIEW',
           },
         },
       };
 
-    case "VALIDATE_FOR_COMPLETE":
+    case 'VALIDATE_FOR_COMPLETE':
       // this state should not be persisted
       window.dispatchEvent(
-        new CustomEvent("ampath-form-action", {
+        new CustomEvent('ampath-form-action', {
           detail: {
             formUuid: state.activeFormUuid,
             patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
-            action: "validateForm",
+            action: 'validateForm',
           },
-        })
+        }),
       );
       return {
         ...state,
@@ -368,20 +332,20 @@ const reducer = (state, action) => {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            workflowState: "VALIDATE_FOR_COMPLETE",
+            workflowState: 'VALIDATE_FOR_COMPLETE',
           },
         },
       };
-    case "SUBMIT_FOR_COMPLETE":
+    case 'SUBMIT_FOR_COMPLETE':
       // this state should not be persisted
       window.dispatchEvent(
-        new CustomEvent("ampath-form-action", {
+        new CustomEvent('ampath-form-action', {
           detail: {
             formUuid: state.activeFormUuid,
             patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
-            action: "onSubmit",
+            action: 'onSubmit',
           },
-        })
+        }),
       );
       return {
         ...state,
@@ -389,11 +353,11 @@ const reducer = (state, action) => {
           ...state.forms,
           [state.activeFormUuid]: {
             ...state.forms[state.activeFormUuid],
-            workflowState: "SUBMIT_FOR_COMPLETE",
+            workflowState: 'SUBMIT_FOR_COMPLETE',
           },
         },
       };
-    case "GO_TO_REVIEW": {
+    case 'GO_TO_REVIEW': {
       const newState = {
         ...state,
         forms: {
@@ -404,14 +368,14 @@ const reducer = (state, action) => {
             activVisitUuid: null,
             activePatientUuid: null,
             activeSessionUuid: null,
-            workflowState: "REVIEW",
+            workflowState: 'REVIEW',
           },
         },
       };
       persistData(newState);
       return newState;
     }
-    case "DESTROY_SESSION": {
+    case 'DESTROY_SESSION': {
       const { [state.activeFormUuid]: activeForm, ...formRest } = state.forms;
       const newState = {
         ...state,
@@ -420,17 +384,17 @@ const reducer = (state, action) => {
       };
       persistData(newState);
       //eslint-disable-next-line
-      navigate({ to: "${openmrsSpaBase}/forms" });
+      navigate({ to: '${openmrsSpaBase}/forms' });
       return { ...newState, formDestroyed: true };
     }
-    case "CLOSE_SESSION": {
+    case 'CLOSE_SESSION': {
       const newState = {
         ...state,
         activeFormUuid: null,
       };
       persistData(newState);
       //eslint-disable-next-line
-      navigate({ to: "${openmrsSpaBase}/forms" });
+      navigate({ to: '${openmrsSpaBase}/forms' });
       return newState;
     }
     default:

package/src/declarations.d.ts

@@ -1,4 +1,4 @@
-declare module "@carbon/react";
-declare module "*.css";
-declare module "*.scss";
+declare module '@carbon/react';
+declare module '*.css';
+declare module '*.scss';
 declare type SideNavProps = object;

package/src/empty-state/EmptyDataIllustration.tsx

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 
-export const EmptyDataIllustration = ({ width = "64", height = "64" }) => {
+export const EmptyDataIllustration = ({ width = '64', height = '64' }) => {
   return (
     <svg width={width} height={height} viewBox="0 0 64 64">
       <title>Empty data illustration</title>
@@ -18,13 +18,7 @@ export const EmptyDataIllustration = ({ width = "64", height = "64" }) => {
           fill="#C6C6C6"
         />
         <circle fill="#C6C6C6" cx={17.636} cy={2.314} r={1.855} />
-        <circle
-          fill="#FFF"
-          fillRule="nonzero"
-          cx={17.636}
-          cy={2.314}
-          r={1.175}
-        />
+        <circle fill="#FFF" fillRule="nonzero" cx={17.636} cy={2.314} r={1.175} />
         <path
           d="M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z"
           fill="#F4F4F4"
@@ -38,13 +32,7 @@ export const EmptyDataIllustration = ({ width = "64", height = "64" }) => {
           fill="#C6C6C6"
         />
         <circle fill="#C6C6C6" cx={40.218} cy={9.755} r={1.855} />
-        <circle
-          fill="#FFF"
-          fillRule="nonzero"
-          cx={40.218}
-          cy={9.755}
-          r={1.13}
-        />
+        <circle fill="#FFF" fillRule="nonzero" cx={40.218} cy={9.755} r={1.13} />
       </g>
     </svg>
   );

package/src/empty-state/EmptyState.tsx

@@ -1,25 +1,20 @@
-import React from "react";
-import { Tile, Layer } from "@carbon/react";
-import styles from "./styles.scss";
-import { useLayoutType } from "@openmrs/esm-framework";
-import { EmptyDataIllustration } from "./EmptyDataIllustration";
+import React from 'react';
+import { Tile, Layer } from '@carbon/react';
+import styles from './styles.scss';
+import { useLayoutType } from '@openmrs/esm-framework';
+import { EmptyDataIllustration } from './EmptyDataIllustration';
 
 export interface EmptyStateProps {
   headerTitle: string;
   displayText: string;
 }
-const EmptyState: React.FC<EmptyStateProps> = ({
-  headerTitle,
-  displayText,
-}) => {
-  const isTablet = useLayoutType() === "tablet";
+const EmptyState: React.FC<EmptyStateProps> = ({ headerTitle, displayText }) => {
+  const isTablet = useLayoutType() === 'tablet';
 
   return (
     <Layer>
       <Tile className={styles.tile}>
-        <div
-          className={isTablet ? styles.tabletHeading : styles.desktopHeading}
-        >
+        <div className={isTablet ? styles.tabletHeading : styles.desktopHeading}>
           <h4>{headerTitle}</h4>
         </div>
         <EmptyDataIllustration />

package/src/form-entry-workflow/FormEntryWorkflow.tsx

@@ -1,20 +1,18 @@
-import { ExtensionSlot, useSession } from "@openmrs/esm-framework";
-import { Button } from "@carbon/react";
-import React, { useCallback, useContext, useEffect, useState } from "react";
-import FormBootstrap from "../FormBootstrap";
-import PatientCard from "../patient-card/PatientCard";
-import styles from "./styles.scss";
-import PatientSearchHeader from "./patient-search-header";
-import { useTranslation } from "react-i18next";
-import { v4 as uuid } from "uuid";
-import FormWorkflowContext, {
-  FormWorkflowProvider,
-} from "../context/FormWorkflowContext";
-import WorkflowReview from "./workflow-review";
-import PatientBanner from "./patient-banner";
-import CompleteModal from "../CompleteModal";
-import CancelModal from "../CancelModal";
-import useStartVisit from "../hooks/useStartVisit";
+import { ExtensionSlot, useSession } from '@openmrs/esm-framework';
+import { Button } from '@carbon/react';
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import FormBootstrap from '../FormBootstrap';
+import PatientCard from '../patient-card/PatientCard';
+import styles from './styles.scss';
+import PatientSearchHeader from './patient-search-header';
+import { useTranslation } from 'react-i18next';
+import { v4 as uuid } from 'uuid';
+import FormWorkflowContext, { FormWorkflowProvider } from '../context/FormWorkflowContext';
+import WorkflowReview from './workflow-review';
+import PatientBanner from './patient-banner';
+import CompleteModal from '../CompleteModal';
+import CancelModal from '../CancelModal';
+import useStartVisit from '../hooks/useStartVisit';
 
 const WorkflowNavigationButtons = () => {
   const context = useContext(FormWorkflowContext);
@@ -30,28 +28,16 @@ const WorkflowNavigationButtons = () => {
       <div className={styles.rightPanelActionButtons}>
         <Button
           kind="secondary"
-          onClick={
-            workflowState === "NEW_PATIENT"
-              ? () => destroySession()
-              : () => setCompleteModalOpen(true)
-          }
+          onClick={workflowState === 'NEW_PATIENT' ? () => destroySession() : () => setCompleteModalOpen(true)}
         >
-          {t("saveAndComplete", "Save & Complete")}
+          {t('saveAndComplete', 'Save & Complete')}
         </Button>
         <Button kind="tertiary" onClick={() => setCancelModalOpen(true)}>
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
       </div>
-      <CancelModal
-        open={cancelModalOpen}
-        setOpen={setCancelModalOpen}
-        context={context}
-      />
-      <CompleteModal
-        open={completeModalOpen}
-        setOpen={setCompleteModalOpen}
-        context={context}
-      />
+      <CancelModal open={cancelModalOpen} setOpen={setCancelModalOpen} context={context} />
+      <CompleteModal open={completeModalOpen} setOpen={setCompleteModalOpen} context={context} />
     </>
   );
 };
@@ -101,9 +87,7 @@ const FormWorkspace = () => {
   const handleEncounterCreate = useCallback(
     (payload) => {
       payload.location = sessionLocation?.uuid;
-      payload.encounterDatetime = payload.encounterDatetime
-        ? payload.encounterDatetime
-        : new Date().toISOString();
+      payload.encounterDatetime = payload.encounterDatetime ? payload.encounterDatetime : new Date().toISOString();
       // Create a visit with the same date as the encounter being saved
       const visitStartDatetime = new Date(payload.encounterDatetime);
       const visitStopDatetime = new Date(payload.encounterDatetime);
@@ -124,15 +108,13 @@ const FormWorkspace = () => {
 
       payload.visit = visitInfo;
     },
-    [activePatientUuid, singleSessionVisitTypeUuid, sessionLocation]
+    [activePatientUuid, singleSessionVisitTypeUuid, sessionLocation],
   );
 
   return (
     <div className={styles.workspace}>
       {!patientUuids.length && (
-        <div className={styles.selectPatientMessage}>
-          {t("selectPatientFirst", "Please select a patient first")}
-        </div>
+        <div className={styles.selectPatientMessage}>{t('selectPatientFirst', 'Please select a patient first')}</div>
       )}
       {!!patientUuids.length && (
         <div className={styles.formMainContent}>
@@ -148,7 +130,7 @@ const FormWorkspace = () => {
             />
           </div>
           <div className={styles.rightPanel}>
-            <h4>{t("formsFilled", "Forms filled")}</h4>
+            <h4>{t('formsFilled', 'Forms filled')}</h4>
             <div className={styles.patientCardsSection}>
               {patientUuids.map((patientUuid) => (
                 <PatientCard
@@ -177,8 +159,8 @@ const FormEntryWorkflow = () => {
       <div className={styles.breadcrumbsContainer}>
         <ExtensionSlot extensionSlotName="breadcrumbs-slot" />
       </div>
-      {workflowState === "REVIEW" && <WorkflowReview />}
-      {workflowState !== "REVIEW" && (
+      {workflowState === 'REVIEW' && <WorkflowReview />}
+      {workflowState !== 'REVIEW' && (
         <>
           <PatientSearchHeader />
           <PatientBanner />

package/src/form-entry-workflow/form-review-card/FormReviewCard.tsx

@@ -1,9 +1,9 @@
-import { Accordion, AccordionItem, Button } from "@carbon/react";
-import React, { useContext } from "react";
-import { useTranslation } from "react-i18next";
-import FormWorkflowContext from "../../context/FormWorkflowContext";
-import { useGetPatient, useGetEncounter } from "../../hooks";
-import styles from "./styles.scss";
+import { Accordion, AccordionItem, Button } from '@carbon/react';
+import React, { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import FormWorkflowContext from '../../context/FormWorkflowContext';
+import { useGetPatient, useGetEncounter } from '../../hooks';
+import styles from './styles.scss';
 
 const FormReviewCard = ({ patientUuid }) => {
   const { encounters, editEncounter } = useContext(FormWorkflowContext);
@@ -39,7 +39,7 @@ const FormReviewCard = ({ patientUuid }) => {
             </div>
           )}
           <Button kind="primary" onClick={() => editEncounter(patientUuid)}>
-            {t("goToForm", "Go To Form")}
+            {t('goToForm', 'Go To Form')}
           </Button>
         </AccordionItem>
       </Accordion>

package/src/form-entry-workflow/form-review-card/index.ts

@@ -1,3 +1,3 @@
-import FormReviewCard from "./FormReviewCard";
+import FormReviewCard from './FormReviewCard';
 
 export default FormReviewCard;

package/src/form-entry-workflow/index.ts

@@ -1,3 +1,3 @@
-import FormEntryWorkflow from "./FormEntryWorkflow";
+import FormEntryWorkflow from './FormEntryWorkflow';
 
 export default FormEntryWorkflow;