diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-11-18 08:49:29 -0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-11-18 08:49:29 -0500 |
commit | 7b01528d17c61a762ded17a23ccd9a2a728910a0 (patch) | |
tree | 9dd7fd2667ae03c4e72bb4abd495d2c3d84373ea /web/react/components/navbar.jsx | |
parent | 5716a5e2fd96859e7d0c8784bd0297b4654dcf4b (diff) | |
parent | 70de0125abdc84d70580f82b29a4314e3515a587 (diff) | |
download | chat-7b01528d17c61a762ded17a23ccd9a2a728910a0.tar.gz chat-7b01528d17c61a762ded17a23ccd9a2a728910a0.tar.bz2 chat-7b01528d17c61a762ded17a23ccd9a2a728910a0.zip |
Merge pull request #1423 from hmhealey/plt737
PLT-737 Converted first set of Modals to ReactBootstrap
Diffstat (limited to 'web/react/components/navbar.jsx')
-rw-r--r-- | web/react/components/navbar.jsx | 38 |
1 files changed, 17 insertions, 21 deletions
diff --git a/web/react/components/navbar.jsx b/web/react/components/navbar.jsx index 7ad1f9305..1fcfabccd 100644 --- a/web/react/components/navbar.jsx +++ b/web/react/components/navbar.jsx @@ -5,7 +5,11 @@ const EditChannelPurposeModal = require('./edit_channel_purpose_modal.jsx'); const MessageWrapper = require('./message_wrapper.jsx'); const NotifyCounts = require('./notify_counts.jsx'); const ChannelMembersModal = require('./channel_members_modal.jsx'); +const ChannelInfoModal = require('./channel_info_modal.jsx'); const ChannelInviteModal = require('./channel_invite_modal.jsx'); +const ChannelNotificationsModal = require('./channel_notifications_modal.jsx'); +const DeleteChannelModal = require('./delete_channel_modal.jsx'); +const ToggleModalButton = require('./toggle_modal_button.jsx'); const UserStore = require('../stores/user_store.jsx'); const ChannelStore = require('../stores/channel_store.jsx'); @@ -104,15 +108,13 @@ export default class Navbar extends React.Component { if (channel) { var viewInfoOption = ( <li role='presentation'> - <a + <ToggleModalButton role='menuitem' - data-toggle='modal' - data-target='#channel_info' - data-channelid={channel.id} - href='#' + dialogType={ChannelInfoModal} + dialogProps={{channel}} > {'View Info'} - </a> + </ToggleModalButton> </li> ); @@ -194,16 +196,13 @@ export default class Navbar extends React.Component { deleteChannelOption = ( <li role='presentation'> - <a + <ToggleModalButton role='menuitem' - href='#' - data-toggle='modal' - data-target='#delete_channel' - data-title={channel.display_name} - data-channelid={channel.id} + dialogType={DeleteChannelModal} + dialogProps={{channel}} > {'Delete Channel...'} - </a> + </ToggleModalButton> </li> ); } @@ -229,16 +228,13 @@ export default class Navbar extends React.Component { if (!isDirect) { notificationPreferenceOption = ( <li role='presentation'> - <a + <ToggleModalButton role='menuitem' - href='#' - data-toggle='modal' - data-target='#channel_notifications' - data-title={channel.display_name} - data-channelid={channel.id} + dialogType={ChannelNotificationsModal} + dialogProps={{channel}} > - {'Notification Preferences'} - </a> + {'Notification Preferences'} + </ToggleModalButton> </li> ); } |