cleanup and other minor UI fixes

src/views/acc-security-view.jsx

@@ -85,7 +85,7 @@ class AccSecurityView extends React.Component {
 
   render() {
     return (
-      <React.Fragment>{this.state.showPermissionEditorFor ?
+      <>{this.state.showPermissionEditorFor ?
         <PermissionsEditor
           mode={this.state.editedPermissions}
           skip="O"
@@ -147,7 +147,7 @@ class AccSecurityView extends React.Component {
             </>
             : null }
         </div>
-      }</React.Fragment>
+      }</>
     );
   }
 };

src/views/messages-view.jsx

@@ -848,8 +848,6 @@ class MessagesView extends React.Component {
   }
 
   handlePickReply(seq, content, forwarded, senderId, senderName) {
-    console.log("handlePickReply", seq, content, forwarded, senderId, senderName, new Error("stacktrace"));
-
     this.setState({reply: null});
 
     if (!seq || !content) {

src/widgets/topic-security.jsx

@@ -201,22 +201,36 @@ class TopicSecurity extends React.PureComponent {
                   {this.props.access}
                 </tt>
               </div>
-              <div className="group">
-                <div>
-                  <label className="small">
-                    <FormattedMessage id="label_default_access_mode" defaultMessage="Default access mode:"
-                    description="Label for default access mode" />
-                  </label>
-                </div>
-                <div className="quoted">
-                  <div>Auth: <tt className="clickable"
-                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('auth')}}>{this.props.auth}</tt>
+              {!this.props.channel ?
+                <div className="group">
+                  <div>
+                    <label className="small">
+                      <FormattedMessage id="label_default_access_mode" defaultMessage="Default access mode:"
+                      description="Label for default access mode" />
+                    </label>
                   </div>
-                  <div>Anon: <tt className="clickable"
-                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('anon')}}>{this.props.anon}</tt>
+                  <div className="quoted">
+                    <div>Auth: <tt className={this.props.owner ? 'clickable' : null}
+                      onClick={(e) => {
+                        e.preventDefault();
+                        if (this.props.owner) {
+                          this.props.onLaunchPermissionsEditor('auth');
+                        }
+                      }}>{this.props.auth}</tt>
+                    </div>
+                    <div>Anon: <tt className={this.props.owner ? 'clickable' : null}
+                      onClick={(e) => {
+                        e.preventDefault();
+                        if (this.props.owner) {
+                          this.props.onLaunchPermissionsEditor('anon');
+                        }
+                      }}>{this.props.anon}</tt>
+                    </div>
                   </div>
                 </div>
-              </div>
+              :
+                null
+              }
             </>
             :
             <div className="group">