feat(app): fix small ui bugs on ODD

fix failed run modal text wrapping issue and RunSummary splash screen's textTransform issue close RAUT-703 and RAUT-704
Opentrons · Sep 21, 2023 · 06a299d · 06a299d
1 parent 1ac718e
commit 06a299d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/app/src/assets/localization/en/run_details.json b/app/src/assets/localization/en/run_details.json
@@ -20,7 +20,7 @@
   "comment_step": "Comment",
   "comment": "Comment",
   "complete_protocol_to_download": "Complete the protocol to download the run log",
-  "contact_information": "Download the run logs from the Opentrons App and send it to [email protected] for assistance.",
+  "contact_information": "Download the robot logs from the Opentrons App and send it to [email protected] for assistance.",
   "current_step_pause_timer": "Timer",
   "current_step_pause": "Current Step - Paused by User",
   "current_step": "Current Step",

diff --git a/app/src/organisms/OnDeviceDisplay/RunningProtocol/RunFailedModal.tsx b/app/src/organisms/OnDeviceDisplay/RunningProtocol/RunFailedModal.tsx
@@ -99,7 +99,13 @@ export function RunFailedModal({
               </StyledText>
             </Flex>
           </Flex>
-          <StyledText as="p" textAlign={TYPOGRAPHY.textAlignLeft}>
+          <StyledText
+            as="p"
+            textAlign={TYPOGRAPHY.textAlignLeft}
+            css={css`
+              word-break: break-word;
+            `}
+          >
             {t('contact_information')}
           </StyledText>
         </Flex>

diff --git a/app/src/organisms/OnDeviceDisplay/RunningProtocol/__tests__/RunFailedModal.test.tsx b/app/src/organisms/OnDeviceDisplay/RunningProtocol/__tests__/RunFailedModal.test.tsx
@@ -107,7 +107,7 @@ describe('RunFailedModal', () => {
     getByText('Error 1000: hardwareCommunicationError')
     getByText('Error with code 1000 (highest priority)')
     getByText(
-      'Download the run logs from the Opentrons App and send it to [email protected] for assistance.'
+      'Download the robot logs from the Opentrons App and send it to [email protected] for assistance.'
     )
     getByText('Close')
   })

diff --git a/app/src/pages/OnDeviceDisplay/RunSummary.tsx b/app/src/pages/OnDeviceDisplay/RunSummary.tsx
@@ -310,7 +310,6 @@ const SplashFrame = styled(Flex)`
 const ProtocolName = styled.h4`
   font-weight: ${TYPOGRAPHY.fontWeightSemiBold};
   text-align: ${TYPOGRAPHY.textAlignLeft};
-  text-transform: ${TYPOGRAPHY.textTransformCapitalize};
   font-size: ${TYPOGRAPHY.fontSize28};
   line-height: ${TYPOGRAPHY.lineHeight36};
   color: ${COLORS.darkBlack70};