Don't show the unpin button if the user can't unpin the message.

turt2live · turt2live · commit 59a253af37dc · 2017-09-29T10:53:44.000-06:00
Signed-off-by: Travis Ralston &lt;travpc@gmail.com&gt;
diff --git a/src/components/views/rooms/PinnedEventsPanel.js b/src/components/views/rooms/PinnedEventsPanel.js
@@ -55,21 +55,29 @@ const PinnedEventTile = React.createClass({
             } else if (this.props.onUnpinned) this.props.onUnpinned();
         }
     },
+    _canUnpin: function() {
+        return this.props.mxRoom.currentState.mayClientSendStateEvent('m.room.pinned_events', MatrixClientPeg.get());
+    },
     render: function() {
         const MessageEvent = sdk.getComponent("views.messages.MessageEvent");
         const MemberAvatar = sdk.getComponent("views.avatars.MemberAvatar");
 
         const sender = this.props.mxRoom.getMember(this.props.mxEvent.getSender());
         const avatarSize = 40;
 
+        let unpinButton = null;
+        if (this._canUnpin()) {
+            unpinButton = <img src="img/cancel-red.svg" className="mx_PinnedEventTile_unpinButton" width="8" height="8"
+                               onClick={this.onUnpinClicked} alt={_t('Unpin Message')} title={_t('Unpin Message')} />;
+        }
+
         return (
             <div className="mx_PinnedEventTile">
                 <div className="mx_PinnedEventTile_actions">
                     <AccessibleButton className="mx_PinnedEventTile_gotoButton mx_textButton" onClick={this.onTileClicked}>
                         Jump to message
                     </AccessibleButton>
-                    <img src="img/cancel-red.svg" className="mx_PinnedEventTile_unpinButton" width="8" height="8"
-                         onClick={this.onUnpinClicked} alt={_t('Unpin Message')} title={_t('Unpin Message')} />
+                    { unpinButton }
                 </div>
 
                 <MemberAvatar member={sender} width={avatarSize} height={avatarSize} />
diff --git a/src/skins/vector/css/vector-web/views/rooms/_PinnedEventsPanel.scss b/src/skins/vector/css/vector-web/views/rooms/_PinnedEventsPanel.scss
@@ -20,7 +20,8 @@ limitations under the License.
 
 .mx_PinnedEventsPanel_body {
     max-height: 300px;
-    overflow-y: scroll;
+    overflow-y: auto;
+    padding-bottom: 15px;
 }
 
 .mx_PinnedEventsPanel_header {

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,8 @@ limitations under the License.`
`20`	`20`
`21`	`21`	`.mx_PinnedEventsPanel_body {`
`22`	`22`	`max-height: 300px;`
`23`		`- overflow-y: scroll;`
	`23`	`+ overflow-y: auto;`
	`24`	`+ padding-bottom: 15px;`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`.mx_PinnedEventsPanel_header {`