Revert changes to ChangeAvatar

This component was basically adding nothing for group editing
This commit is contained in:
David Baker 2017-07-21 14:06:08 +01:00
parent f2afd852d8
commit 3c44af11f7

View file

@ -24,19 +24,11 @@ module.exports = React.createClass({
propTypes: {
initialAvatarUrl: React.PropTypes.string,
room: React.PropTypes.object,
// if set, set initialAvatarUrl to the current avatar, if it has one
groupId: React.PropTypes.string,
// if false, you need to call changeAvatar.onFileSelected yourself.
showUploadSection: React.PropTypes.bool,
width: React.PropTypes.number,
height: React.PropTypes.number,
className: React.PropTypes.string,
// Called with the mxc URL of the uploaded image after the avatar is
// uploaded. If undefined, the room or user avatar if changed once the
// image has finished uploading. Must be set for groups.
onUploadComplete: React.PropTypes.func,
className: React.PropTypes.string
},
Phases: {
@ -80,9 +72,6 @@ module.exports = React.createClass({
var self = this;
var httpPromise = MatrixClientPeg.get().uploadContent(file).then(function(url) {
newUrl = url;
if (this.props.onAvatar) {
this.props.onAvatar(url);
} else {
if (self.props.room) {
return MatrixClientPeg.get().sendStateEvent(
self.props.room.roomId,
@ -90,10 +79,9 @@ module.exports = React.createClass({
{url: url},
''
);
} else if (!this.props.groupId) {
} else {
return MatrixClientPeg.get().setAvatarUrl(url);
}
}
});
httpPromise.done(function() {
@ -123,25 +111,20 @@ module.exports = React.createClass({
},
render: function() {
let avatarImg;
var avatarImg;
// Having just set an avatar we just display that since it will take a little
// time to propagate through to the RoomAvatar.
if (this.props.room && !this.avatarSet) {
const RoomAvatar = sdk.getComponent('avatars.RoomAvatar');
var RoomAvatar = sdk.getComponent('avatars.RoomAvatar');
avatarImg = <RoomAvatar room={this.props.room} width={ this.props.width } height={ this.props.height } resizeMethod='crop' />;
} else if (this.props.groupId) {
const GroupAvatar = sdk.getComponent('avatars.GroupAvatar');
avatarImg = <GroupAvatar groupId={this.props.groupId} groupAvatarUrl={this.props.initialAvatarUrl}
width={this.props.width} height={this.props.height} resizeMethod='crop'
/>;
} else {
const BaseAvatar = sdk.getComponent("avatars.BaseAvatar");
var BaseAvatar = sdk.getComponent("avatars.BaseAvatar");
// XXX: FIXME: once we track in the JS what our own displayname is(!) then use it here rather than ?
avatarImg = <BaseAvatar width={this.props.width} height={this.props.height} resizeMethod='crop'
name='?' idName={ MatrixClientPeg.get().getUserIdLocalpart() } url={this.state.avatarUrl} />;
}
let uploadSection;
var uploadSection;
if (this.props.showUploadSection) {
uploadSection = (
<div className={this.props.className}>
@ -164,7 +147,7 @@ module.exports = React.createClass({
</div>
);
case this.Phases.Uploading:
const Loader = sdk.getComponent("elements.Spinner");
var Loader = sdk.getComponent("elements.Spinner");
return (
<Loader />
);