Outgoing call: Show safety number dialog if change detected

ts/components/SafetyNumberChangeDialog.stories.tsx

@@ -64,6 +64,21 @@ storiesOf('Components/SafetyNumberChangeDialog', module)
       />
     );
   })
+  .add('Different Confirmation Text', () => {
+    return (
+      <SafetyNumberChangeDialog
+        confirmText="You are awesome"
+        contacts={[contactWithAllData]}
+        i18n={i18n}
+        onCancel={action('cancel')}
+        onConfirm={action('confirm')}
+        renderSafetyNumber={() => {
+          action('renderSafetyNumber');
+          return <div>This is a mock Safety Number View</div>;
+        }}
+      />
+    );
+  })
   .add('Multi Contact Dialog', () => {
     return (
       <SafetyNumberChangeDialog

ts/components/SafetyNumberChangeDialog.tsx

@@ -13,6 +13,7 @@ type SafetyNumberProps = {
 };
 
 export type Props = {
+  readonly confirmText?: string;
   readonly contacts: Array<ConversationType>;
   readonly i18n: LocalizerType;
   readonly onCancel: () => void;
@@ -25,6 +26,7 @@ type SafetyDialogContentProps = Props & {
 };
 
 const SafetyDialogContents = ({
+  confirmText,
   contacts,
   i18n,
   onCancel,
@@ -107,7 +109,7 @@ const SafetyDialogContents = ({
           onClick={onConfirm}
           tabIndex={0}
         >
-          {i18n('sendMessageToContact')}
+          {confirmText || i18n('sendMessageToContact')}
         </button>
       </div>
     </>