fix(protocol-designer): fix addfixture modal width and update text in add pause modal (#19086)

* fix(protocol-designer): fix addfixture modal width and update text in add pause modal

Author: koji

protocol-designer/cypress/support/ModuleSteps.ts

@@ -101,7 +101,7 @@ export const ModuleSteps = {
    */
   PauseAfterSettingTempdeck: (): StepThunk => ({
     call: () => {
-      cy.contains(ModLocators.Button, 'Pause protocol')
+      cy.contains(ModLocators.Button, 'Add pause step')
         .should('exist')
         .and('be.visible')
         .click()

protocol-designer/src/assets/localization/en/modal.json

@@ -103,15 +103,14 @@
     "body1": "Pause protocol now to wait until module reaches {{temperature}}°C before continuing on to the next step.",
     "body2": "Build a pause later if you want your protocol to proceed to the next steps while the temperature module ramps up to {{temperature}}°C.",
     "heater_shaker_pause_later": "Build a pause later if you want your protocol to proceed to the next steps while the Heater-Shaker module goes to {{temperature}}°C",
-    "heater_shaker_title": "Pause protocol until Heater-Shaker module is at {{temperature}}°C?",
+    "heater_shaker_title": "Pause protocol until Heater-Shaker module reaches {{temperature}}°C",
     "later_button": "I will build a pause later",
     "now_button": "Pause protocol now",
     "redesign": {
-      "body1": "Build a pause step to wait until {{module}} reaches {{temp}}°C before continuing to the next step.",
-      "body2": "Build a pause step later if you want your protocol to proceed to the next step while the {{module}} goes to {{temp}}°C",
-      "build_pause_later": "Build pause later",
-      "pause_protocol": "Pause protocol",
-      "title": "Pause protocol until {{module}} is at {{temp}}°C"
+      "body": "Add a pause step to wait until the {{module}} reaches {{temperature}}°C. Click Skip to continue to the next protocol step without pausing.",
+      "skip_pause_step": "Skip pause step",
+      "add_pause_step": "Add pause step",
+      "title": "Pause protocol until {{module}} reaches {{temp}}°C?"
     },
     "title": "Pause protocol until temperature module is at {{temperature}}°C?"
   },

protocol-designer/src/components/organisms/AutoAddPauseUntilTempStepModal/index.tsx

@@ -50,26 +50,20 @@ export const AutoAddPauseUntilTempStepModal = (
         >
           <SecondaryButton onClick={handleCancelClick}>
             <StyledText desktopStyle="bodyDefaultSemiBold">
-              {t('auto_add_pause_until_temp_step.redesign.build_pause_later')}
+              {t('auto_add_pause_until_temp_step.redesign.skip_pause_step')}
             </StyledText>
           </SecondaryButton>
           <PrimaryButton onClick={handleContinueClick}>
             <StyledText desktopStyle="bodyDefaultSemiBold">
-              {t('auto_add_pause_until_temp_step.redesign.pause_protocol')}
+              {t('auto_add_pause_until_temp_step.redesign.add_pause_step')}
             </StyledText>
           </PrimaryButton>
         </Flex>
       }
     >
       <Flex gridGap={SPACING.spacing8} flexDirection={DIRECTION_COLUMN}>
         <StyledText desktopStyle="bodyDefaultRegular">
-          {t('auto_add_pause_until_temp_step.redesign.body1', {
-            module: displayModule,
-            temp: displayTemperature,
-          })}
-        </StyledText>
-        <StyledText desktopStyle="bodyDefaultRegular">
-          {t('auto_add_pause_until_temp_step.redesign.body2', {
+          {t('auto_add_pause_until_temp_step.redesign.body', {
             module: displayModule,
             temp: displayTemperature,
           })}

protocol-designer/src/components/organisms/HardwareConfigurator/AddFixtureModal.tsx

@@ -120,7 +120,7 @@ export function AddFixtureModal(props: AddFixtureModalProps): JSX.Element {
     onClose: closeModal,
     closeOnOutsideClick: true,
     childrenPadding: SPACING.spacing24,
-    width: '26.75rem',
+    width: '28.75rem',
   }
 
   const availableOptions = getAvailableOptions({ optionStage, cutoutId })