Added closing on ESC key press

web/react/components/delete_channel_modal.jsx

@@ -34,7 +34,7 @@ module.exports = React.createClass({
         var channelType = ChannelStore.getCurrent() && ChannelStore.getCurrent().type === 'P' ? "private group" : "channel"
 
         return (
-            <div className="modal fade" ref="modal" id="delete_channel" role="dialog" aria-hidden="true">
+            <div className="modal fade" ref="modal" id="delete_channel" role="dialog" tabIndex="-1" aria-hidden="true">
               <div className="modal-dialog">
                 <div className="modal-content">
                   <div className="modal-header">

web/react/components/delete_post_modal.jsx

@@ -82,7 +82,7 @@ module.exports = React.createClass({
         var error = this.state.error ? <div className='form-group has-error'><label className='control-label'>{ this.state.error }</label></div> : null;
 
         return (
-            <div className="modal fade" id="delete_post" ref="modal" role="dialog" aria-hidden="true">
+            <div className="modal fade" id="delete_post" ref="modal" role="dialog" tabIndex="-1" aria-hidden="true">
               <div className="modal-dialog modal-push-down">
                 <div className="modal-content">
                   <div className="modal-header">

web/react/components/edit_channel_modal.jsx

@@ -51,7 +51,7 @@ module.exports = React.createClass({
         var server_error = this.state.server_error ? <div className='form-group has-error'><br/><label className='control-label'>{ this.state.server_error }</label></div> : null;
 
         return (
-            <div className="modal fade" ref="modal" id="edit_channel" role="dialog" aria-hidden="true">
+            <div className="modal fade" ref="modal" id="edit_channel" role="dialog" tabIndex="-1" aria-hidden="true">
               <div className="modal-dialog">
                 <div className="modal-content">
                   <div className="modal-header">

web/react/components/edit_post_modal.jsx

@@ -71,7 +71,7 @@ module.exports = React.createClass({
         var error = this.state.error ? <div className='form-group has-error'><label className='control-label'>{ this.state.error }</label></div> : null;
 
         return (
-            <div className="modal fade edit-modal" ref="modal" id="edit_post" role="dialog" aria-hidden="true">
+            <div className="modal fade edit-modal" ref="modal" id="edit_post" role="dialog" tabIndex="-1" aria-hidden="true">
               <div className="modal-dialog modal-push-down">
                 <div className="modal-content">
                   <div className="modal-header">

web/react/components/team_settings_modal.jsx

@@ -29,7 +29,7 @@ module.exports = React.createClass({
         tabs.push({name: "feature", ui_name: "Features", icon: "glyphicon glyphicon-wrench"});
 
         return (
-            <div className="modal fade" ref="modal" id="team_settings" role="dialog" aria-hidden="true">
+            <div className="modal fade" ref="modal" id="team_settings" role="dialog" tabIndex="-1" aria-hidden="true">
               <div className="modal-dialog settings-modal">
                 <div className="modal-content">
                   <div className="modal-header">

web/react/components/user_settings_modal.jsx

@@ -32,7 +32,7 @@ module.exports = React.createClass({
         tabs.push({name: "appearance", ui_name: "Appearance", icon: "glyphicon glyphicon-wrench"});
 
         return (
-            <div className="modal fade" ref="modal" id="user_settings1" role="dialog" aria-hidden="true">
+            <div className="modal fade" ref="modal" id="user_settings1" role="dialog" tabIndex="-1" aria-hidden="true">
               <div className="modal-dialog settings-modal">
                 <div className="modal-content">
                   <div className="modal-header">