fix: #3870 container issue (#3871)

reapit · Mar 31, 2021 · dc25649 · dc25649
1 parent fceb39b
commit dc25649
Show file tree

Hide file tree

Showing 11 changed files with 1,946 additions and 1,917 deletions.
diff --git a/...ages/aml-checklist/src/components/pages/__tests__/__snapshots__/checklist-detail.tsx.snap b/...ages/aml-checklist/src/components/pages/__tests__/__snapshots__/checklist-detail.tsx.snap
diff --git a/packages/aml-checklist/src/components/pages/checklist-detail.tsx b/packages/aml-checklist/src/components/pages/checklist-detail.tsx
@@ -134,11 +134,13 @@ export const ChecklistDetail: React.FC<CheckListDetailProps> = ({
   // TODO: Will replace callback by dispatch to show modald`
   const sections = React.useMemo(() => generateSection(status, showModal), [status])
   return (
-    <ErrorBoundary>
-      <AMLProgressBar />
-      <Section hasBackground={false}>{renderSections(sections)}</Section>
-      <Modal id={id} visible={isModalVisible} afterClose={hideModal} modalContentType={modalContentType} />
-    </ErrorBoundary>
+    <Section hasMargin={false} hasPadding={false}>
+      <ErrorBoundary>
+        <AMLProgressBar />
+        <Section>{renderSections(sections)}</Section>
+        <Modal id={id} visible={isModalVisible} afterClose={hideModal} modalContentType={modalContentType} />
+      </ErrorBoundary>
+    </Section>
   )
 }
 

diff --git a/packages/aml-checklist/src/core/__tests__/__snapshots__/private-route-wrapper.tsx.snap b/packages/aml-checklist/src/core/__tests__/__snapshots__/private-route-wrapper.tsx.snap
@@ -9,6 +9,7 @@ exports[`PrivateRouter should match a snapshot 1`] = `
   >
     <FlexContainerResponsive
       flexColumn={true}
+      isFullHeight={true}
     >
       <Suspense
         fallback={

diff --git a/packages/aml-checklist/src/core/private-route-wrapper.tsx b/packages/aml-checklist/src/core/private-route-wrapper.tsx
@@ -32,7 +32,7 @@ export const PrivateRouteWrapper: React.FC = ({ children }) => {
     <AppNavContainer>
       <Menu />
       <FlexContainerBasic flexColumn isScrollable>
-        <FlexContainerResponsive flexColumn>
+        <FlexContainerResponsive flexColumn isFullHeight>
           <Suspense fallback={<Loader body />}>{children}</Suspense>
         </FlexContainerResponsive>
       </FlexContainerBasic>

diff --git a/...src/components/ui/appointment-time/__tests__/__snapshots__/appointment-time.test.tsx.snap b/...src/components/ui/appointment-time/__tests__/__snapshots__/appointment-time.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`appointment-time AppointmentTime should match snapshot 1`] = `
     type="button"
     variant="secondary"
   >
-    WEEK VIEW
+    WEEK
   </Button>
 </ButtonGroup>
 `;
diff --git a/packages/geo-diary/src/components/ui/appointment-time/appointment-time.tsx b/packages/geo-diary/src/components/ui/appointment-time/appointment-time.tsx
@@ -47,7 +47,7 @@ export const AppointmentTime = ({ queryParams, history }: AppointmentTimeProps)
       variant={queryParams.time === 'weekView' ? 'primary' : 'secondary'}
       onClick={handleChangeTime({ queryParams, history, time: 'weekView' })}
     >
-      WEEK VIEW
+      WEEK
     </Button>
   </ButtonGroup>
 )