diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js
index 2fa4b6619..0982fb35d 100644
--- a/web/modals/threads/confirm-leave-thread-modal.react.js
+++ b/web/modals/threads/confirm-leave-thread-modal.react.js
@@ -1,35 +1,38 @@
 // @flow
 
 import * as React from 'react';
 
 import { type ThreadInfo } from 'lib/types/thread-types';
 
 import Button from '../../components/button.react';
 import css from '../../style.css';
 import Modal from '../modal.react';
 
 type Props = {
   +threadInfo: ThreadInfo,
   +onClose: () => void,
   +onConfirm: () => void,
 };
 function ConfirmLeaveThreadModal(props: Props): React.Node {
+  const { threadInfo, onClose, onConfirm } = props;
+  const { uiName } = threadInfo;
+
   return (
-    <Modal name="Confirm leave thread" onClose={props.onClose}>
+    <Modal name="Confirm leave thread" onClose={onClose}>
       <div className={css['modal-body']}>
         <p>
           {'Are you sure you want to leave "'}
-          <span className={css['thread-name']}>{props.threadInfo.uiName}</span>
+          <span className={css['thread-name']}>{uiName}</span>
           {'"?'}
         </p>
         <div className={css['form-footer']}>
-          <Button onClick={props.onConfirm} type="submit">
+          <Button onClick={onConfirm} type="submit">
             Leave Thread
           </Button>
         </div>
       </div>
     </Modal>
   );
 }
 
 export default ConfirmLeaveThreadModal;