Tweaks to title truncation and date format [RAUT-451]

Opentrons · Jun 21, 2023 · f84f201 · f84f201
1 parent 2aa99a9
commit f84f201
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/src/pages/OnDeviceDisplay/ProtocolDetails/__tests__/ProtocolDetails.test.tsx b/app/src/pages/OnDeviceDisplay/ProtocolDetails/__tests__/ProtocolDetails.test.tsx
@@ -143,7 +143,7 @@ describe('ODDProtocolDetails', () => {
   it('renders protocol truncated name that expands when clicked', () => {
     const [{ getByText }] = render()
     const name = getByText(
-      'Nextera XT DNA Library Prep Kit Protocol: Part 1/4 - Tagment Genom...'
+      'Nextera XT DNA Library Prep Kit Protocol: Part 1/4 - Tagment...Amplify Libraries'
     )
     name.click()
     getByText(
@@ -167,7 +167,7 @@ describe('ODDProtocolDetails', () => {
     getByText(
       `Date Added: ${format(
         new Date('2022-05-03T21:36:12.494778+00:00'),
-        'MM/dd/yyyy k:mm'
+        'MM/dd/yy k:mm'
       )}`
     )
   })

diff --git a/app/src/pages/OnDeviceDisplay/ProtocolDetails/index.tsx b/app/src/pages/OnDeviceDisplay/ProtocolDetails/index.tsx
@@ -66,7 +66,7 @@ const ProtocolHeader = (props: {
 
   let displayedTitle = title
   if (title.length > 92 && truncate) {
-    displayedTitle = truncateString(title, 69)
+    displayedTitle = truncateString(title, 80, 60)
   }
 
   return (
@@ -195,7 +195,7 @@ const Summary = (props: {
       >
         <StyledText as="p">{`${t('protocol_info:date_added')}: ${
           date != null
-            ? format(new Date(date), 'MM/dd/yyyy k:mm')
+            ? format(new Date(date), 'MM/dd/yy k:mm')
             : t('shared:no_data')
         }`}</StyledText>
       </Flex>