diff --git a/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts b/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts index 92dbda78d3..295f59bcec 100644 --- a/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts +++ b/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts @@ -449,6 +449,7 @@ describe('Working copy reducers', () => { cases: { 1: { ...initialState.cases[1], + lastReferencedDate: expect.any(Date), caseWorkingCopy: { ...initialState.cases[1].caseWorkingCopy, caseSummary: { diff --git a/plugin-hrm-form/src/components/ContactNotLoaded.tsx b/plugin-hrm-form/src/components/ContactNotLoaded.tsx index 29f38e203b..3c6c5ad9d2 100644 --- a/plugin-hrm-form/src/components/ContactNotLoaded.tsx +++ b/plugin-hrm-form/src/components/ContactNotLoaded.tsx @@ -15,12 +15,13 @@ */ import React from 'react'; -import { Box } from '@material-ui/core'; +import { Box, CircularProgress } from '@material-ui/core'; import { Template } from '@twilio/flex-ui'; import FormNotEditable from './FormNotEditable'; import { HeaderContainer, Row } from '../styles'; import { StyledLink } from '../styles/buttons'; +import { getTemplateStrings } from '../hrmConfig'; type OwnProps = { onReload: () => Promise; @@ -32,8 +33,24 @@ type Props = OwnProps; const ContactNotLoaded: React.FC = ({ onReload, onFinish }: Props) => { const [reloadDisabled, setReloadDisabled] = React.useState(false); const [finishDisabled, setFinishDisabled] = React.useState(false); + const strings = getTemplateStrings(); return ( - + + + +