From a020391d93feb93f328cfca4edef6fb8a46cd86c Mon Sep 17 00:00:00 2001 From: hmhealey Date: Wed, 2 Sep 2015 15:56:13 -0400 Subject: Replaced broken remaining calls to getDOMNode with React.findDOMNode --- web/react/components/channel_info_modal.jsx | 2 +- web/react/components/file_upload.jsx | 4 ++-- web/react/components/find_team.jsx | 2 +- web/react/components/invite_member_modal.jsx | 22 +++++++++++----------- web/react/components/more_channels.jsx | 8 ++++---- web/react/components/more_direct_channels.jsx | 6 +++--- web/react/components/post_list.jsx | 8 ++++---- web/react/components/setting_picture.jsx | 4 ++-- web/react/components/setting_upload.jsx | 4 ++-- web/react/components/team_members.jsx | 4 ++-- web/react/components/team_signup_with_sso.jsx | 2 +- 11 files changed, 33 insertions(+), 33 deletions(-) (limited to 'web/react/components') diff --git a/web/react/components/channel_info_modal.jsx b/web/react/components/channel_info_modal.jsx index b658dbe6e..a1c4e4db4 100644 --- a/web/react/components/channel_info_modal.jsx +++ b/web/react/components/channel_info_modal.jsx @@ -15,7 +15,7 @@ export default class CommandList extends React.Component { componentDidMount() { var self = this; if (this.refs.modal) { - $(this.refs.modal.getDOMNode()).on('show.bs.modal', function show(e) { + $(React.findDOMNode(this.refs.modal).on('show.bs.modal', function show(e) { var button = e.relatedTarget; self.setState({channel_id: $(button).attr('data-channelid')}); }); diff --git a/web/react/components/file_upload.jsx b/web/react/components/file_upload.jsx index 460d91cc8..c91d03599 100644 --- a/web/react/components/file_upload.jsx +++ b/web/react/components/file_upload.jsx @@ -19,7 +19,7 @@ export default class FileUpload extends React.Component { } handleChange() { - var element = $(this.refs.fileInput.getDOMNode()); + var element = $(React.findDOMNode(this.refs.fileInput)); var files = element.prop('files'); var channelId = this.props.channelId || ChannelStore.getCurrentId(); @@ -149,7 +149,7 @@ export default class FileUpload extends React.Component { } componentDidMount() { - var inputDiv = this.refs.input.getDOMNode(); + var inputDiv = React.findDOMNode(this.refs.input); var self = this; if (this.props.postType === 'post') { diff --git a/web/react/components/find_team.jsx b/web/react/components/find_team.jsx index b70c98d47..bb1c6c7ea 100644 --- a/web/react/components/find_team.jsx +++ b/web/react/components/find_team.jsx @@ -17,7 +17,7 @@ export default class FindTeam extends React.Component { var state = { }; - var email = this.refs.email.getDOMNode().value.trim().toLowerCase(); + var email = React.findDOMNode(this.refs.email).value.trim().toLowerCase(); if (!email || !utils.isEmail(email)) { state.email_error = 'Please enter a valid email address'; this.setState(state); diff --git a/web/react/components/invite_member_modal.jsx b/web/react/components/invite_member_modal.jsx index 3440232f1..2ef42a993 100644 --- a/web/react/components/invite_member_modal.jsx +++ b/web/react/components/invite_member_modal.jsx @@ -37,7 +37,7 @@ export default class InviteMemberModal extends React.Component { var notEmpty = false; for (var i = 0; i < self.state.inviteIds.length; i++) { var index = self.state.inviteIds[i]; - if (self.refs['email' + index].getDOMNode().value.trim() !== '') { + if (React.findDOMNode(self.refs['email' + index]).value.trim() !== '') { notEmpty = true; break; } @@ -70,7 +70,7 @@ export default class InviteMemberModal extends React.Component { for (var i = 0; i < count; i++) { var index = inviteIds[i]; var invite = {}; - invite.email = this.refs['email' + index].getDOMNode().value.trim(); + invite.email = React.findDOMNode(this.refs['email' + index]).value.trim(); if (!invite.email || !utils.isEmail(invite.email)) { emailErrors[index] = 'Please enter a valid email address'; valid = false; @@ -79,7 +79,7 @@ export default class InviteMemberModal extends React.Component { } if (config.AllowInviteNames) { - invite.firstName = this.refs['first_name' + index].getDOMNode().value.trim(); + invite.firstName = React.findDOMNode(this.refs['first_name' + index]).value.trim(); if (!invite.firstName && config.RequireInviteNames) { firstNameErrors[index] = 'This is a required field'; valid = false; @@ -87,7 +87,7 @@ export default class InviteMemberModal extends React.Component { firstNameErrors[index] = ''; } - invite.lastName = this.refs['last_name' + index].getDOMNode().value.trim(); + invite.lastName = React.findDOMNode(this.refs['last_name' + index]).value.trim(); if (!invite.lastName && config.RequireInviteNames) { lastNameErrors[index] = 'This is a required field'; valid = false; @@ -110,8 +110,8 @@ export default class InviteMemberModal extends React.Component { Client.inviteMembers(data, function success() { - $(this.refs.modal.getDOMNode()).attr('data-confirm', 'true'); - $(this.refs.modal.getDOMNode()).modal('hide'); + $(React.findDOMNode(this.refs.modal)).attr('data-confirm', 'true'); + $(React.findDOMNode(this.refs.modal)).modal('hide'); }.bind(this), function fail(err) { if (err.message === 'This person is already on your team') { @@ -125,8 +125,8 @@ export default class InviteMemberModal extends React.Component { } componentDidUpdate() { - $(this.refs.modalBody.getDOMNode()).css('max-height', $(window).height() - 200); - $(this.refs.modalBody.getDOMNode()).css('overflow-y', 'scroll'); + $(React.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200); + $(React.findDOMNode(this.refs.modalBody)).css('overflow-y', 'scroll'); } addInviteFields() { @@ -141,10 +141,10 @@ export default class InviteMemberModal extends React.Component { for (var i = 0; i < inviteIds.length; i++) { var index = inviteIds[i]; - this.refs['email' + index].getDOMNode().value = ''; + React.findDOMNode(this.refs['email' + index]).value = ''; if (config.AllowInviteNames) { - this.refs['first_name' + index].getDOMNode().value = ''; - this.refs['last_name' + index].getDOMNode().value = ''; + React.findDOMNode(this.refs['first_name' + index]).value = ''; + React.findDOMNode(this.refs['last_name' + index]).value = ''; } } diff --git a/web/react/components/more_channels.jsx b/web/react/components/more_channels.jsx index 2b2c8b68d..08b2d7460 100644 --- a/web/react/components/more_channels.jsx +++ b/web/react/components/more_channels.jsx @@ -29,12 +29,12 @@ export default class MoreChannels extends React.Component { } componentDidMount() { ChannelStore.addMoreChangeListener(this.onListenerChange); - $(this.refs.modal.getDOMNode()).on('shown.bs.modal', function shown() { + $(React.findDOMNode(this.refs.modal)).on('shown.bs.modal', function shown() { asyncClient.getMoreChannels(true); }); var self = this; - $(this.refs.modal.getDOMNode()).on('show.bs.modal', function show(e) { + $(React.findDOMNode(this.refs.modal)).on('show.bs.modal', function show(e) { var button = e.relatedTarget; self.setState({channelType: $(button).attr('data-channeltype')}); }); @@ -52,7 +52,7 @@ export default class MoreChannels extends React.Component { this.setState({joiningChannel: channelIndex}); client.joinChannel(channel.id, function joinSuccess() { - $(this.refs.modal.getDOMNode()).modal('hide'); + $(React.findDOMNode(this.refs.modal)).modal('hide'); asyncClient.getChannel(channel.id); utils.switchChannel(channel); this.setState({joiningChannel: -1}); @@ -65,7 +65,7 @@ export default class MoreChannels extends React.Component { ); } handleNewChannel() { - $(this.refs.modal.getDOMNode()).modal('hide'); + $(React.findDOMNode(this.refs.modal)).modal('hide'); } render() { var serverError; diff --git a/web/react/components/more_direct_channels.jsx b/web/react/components/more_direct_channels.jsx index 5741f6e45..f27b09ecc 100644 --- a/web/react/components/more_direct_channels.jsx +++ b/web/react/components/more_direct_channels.jsx @@ -16,7 +16,7 @@ export default class MoreDirectChannels extends React.Component { componentDidMount() { var self = this; - $(this.refs.modal.getDOMNode()).on('show.bs.modal', function showModal(e) { + $(React.findDOMNode(this.refs.modal)).on('show.bs.modal', function showModal(e) { var button = e.relatedTarget; self.setState({channels: $(button).data('channels')}); }); @@ -44,7 +44,7 @@ export default class MoreDirectChannels extends React.Component { handleClick = function clickHandler(e) { e.preventDefault(); utils.switchChannel(channel, channel.teammate_username); - $(self.refs.modal.getDOMNode()).modal('hide'); + $(React.findDOMNode(self.refs.modal)).modal('hide'); }; } else { // It's a direct message channel that doesn't exist yet so let's create it now @@ -66,7 +66,7 @@ export default class MoreDirectChannels extends React.Component { Client.createDirectChannel(channel, otherUserId, function success(data) { - $(self.refs.modal.getDOMNode()).modal('hide'); + $(React.findDOMNode(self.refs.modal)).modal('hide'); self.setState({loadingDMChannel: -1}); AsyncClient.getChannel(data.id); utils.switchChannel(data); diff --git a/web/react/components/post_list.jsx b/web/react/components/post_list.jsx index 8587b981d..62925b9c5 100644 --- a/web/react/components/post_list.jsx +++ b/web/react/components/post_list.jsx @@ -577,14 +577,14 @@ export default class PostList extends React.Component { var order = this.state.postList.order; var channelId = this.state.channel.id; - $(this.refs.loadmore.getDOMNode()).text('Retrieving more messages...'); + $(React.findDOMNode(this.refs.loadmore)).text('Retrieving more messages...'); Client.getPostsPage( channelId, order.length, Constants.POST_CHUNK_SIZE, function success(data) { - $(this.refs.loadmore.getDOMNode()).text('Load more messages'); + $(React.findDOMNode(this.refs.loadmore)).text('Load more messages'); this.gotMorePosts = true; this.setState({numToDisplay: this.state.numToDisplay + Constants.POST_CHUNK_SIZE}); @@ -609,7 +609,7 @@ export default class PostList extends React.Component { Client.getProfiles(); }.bind(this), function fail(err) { - $(this.refs.loadmore.getDOMNode()).text('Load more messages'); + $(React.findDOMNode(this.refs.loadmore)).text('Load more messages'); AsyncClient.dispatchError(err, 'getPosts'); }.bind(this) ); @@ -667,4 +667,4 @@ export default class PostList extends React.Component { ); } -} \ No newline at end of file +} diff --git a/web/react/components/setting_picture.jsx b/web/react/components/setting_picture.jsx index eaa839733..33c3b650a 100644 --- a/web/react/components/setting_picture.jsx +++ b/web/react/components/setting_picture.jsx @@ -12,7 +12,7 @@ export default class SettingPicture extends React.Component { if (file) { var reader = new FileReader(); - var img = this.refs.image.getDOMNode(); + var img = React.findDOMNode(this.refs.image); reader.onload = function load(e) { $(img).attr('src', e.target.result); }; @@ -128,4 +128,4 @@ SettingPicture.propTypes = { submit: React.PropTypes.func, title: React.PropTypes.string, pictureChange: React.PropTypes.func -}; \ No newline at end of file +}; diff --git a/web/react/components/setting_upload.jsx b/web/react/components/setting_upload.jsx index a7ab03018..66afdfb41 100644 --- a/web/react/components/setting_upload.jsx +++ b/web/react/components/setting_upload.jsx @@ -33,7 +33,7 @@ export default class SettingsUpload extends React.Component { doSubmit(e) { e.preventDefault(); - var inputnode = this.refs.uploadinput.getDOMNode(); + var inputnode = React.findDOMNode(this.refs.uploadinput); if (inputnode.files && inputnode.files[0]) { this.props.submit(inputnode.files[0]); } else { @@ -98,4 +98,4 @@ SettingsUpload.propTypes = { clientError: React.PropTypes.string, serverError: React.PropTypes.string, helpText: React.PropTypes.object -}; \ No newline at end of file +}; diff --git a/web/react/components/team_members.jsx b/web/react/components/team_members.jsx index 86c321d06..a3891e43c 100644 --- a/web/react/components/team_members.jsx +++ b/web/react/components/team_members.jsx @@ -44,11 +44,11 @@ export default class TeamMembers extends React.Component { UserStore.addChangeListener(this.onChange); var self = this; - $(this.refs.modal.getDOMNode()).on('hidden.bs.modal', function show() { + $(React.findDOMNode(this.refs.modal)).on('hidden.bs.modal', function show() { self.setState({render_members: false}); }); - $(this.refs.modal.getDOMNode()).on('show.bs.modal', function hide() { + $(React.findDOMNOde(this.refs.modal)).on('show.bs.modal', function hide() { self.setState({render_members: true}); }); } diff --git a/web/react/components/team_signup_with_sso.jsx b/web/react/components/team_signup_with_sso.jsx index 6cb62efc7..96a216005 100644 --- a/web/react/components/team_signup_with_sso.jsx +++ b/web/react/components/team_signup_with_sso.jsx @@ -52,7 +52,7 @@ export default class SSOSignUpPage extends React.Component { ); } nameChange() { - this.setState({name: this.refs.teamname.getDOMNode().value.trim()}); + this.setState({name: React.findDOMNode(this.refs.teamname).value.trim()}); } render() { var nameError = null; -- cgit v1.2.3-1-g7c22