disable profile image upload for closed group

_locales/en/messages.json

@@ -2204,9 +2204,13 @@
     "message": "Edit Profile",
     "description": "Button action that the user can click to edit their profile"
   },
-  "editGroupName": {
+  "editGroupNameOrPicture": {
     "message": "Edit group name or picture",
-    "description": "Button action that the user can click to edit a group name"
+    "description": "Button action that the user can click to edit a group name (open)"
+  },
+  "editGroupName": {
+    "message": "Edit group name",
+    "description": "Button action that the user can click to edit a group name (closed)"
   },
   "createGroupDialogTitle": {
     "message": "Creating a Closed Group",

js/background.js

@@ -754,7 +754,7 @@
           const fileObj = await API.serverAPI.putAttachment(attachment.data);
           if (fileObj === null) {
             // problem
-            log.warn('File upload failed');
+            window.warn('File upload failed');
             return;
           }
 
@@ -764,7 +764,7 @@
             ''
           );
           // write it to the channel
-          const changeRes = await API.setChannelAvatar(relativeFileUrl);
+          await API.setChannelAvatar(relativeFileUrl);
         }
 
         if (await API.setChannelName(groupName)) {

ts/components/conversation/UpdateGroupNameDialog.tsx

@@ -72,10 +72,6 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
     const { okText, cancelText } = this.props;
 
     const titleText = `${this.props.titleText}`;
-    let noAvatarClasses;
-
-    noAvatarClasses = classNames('avatar-center');
-
 
     const errorMsg = this.state.errorMessage;
     const errorMessageClasses = classNames(
@@ -93,32 +89,7 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
         <div className="spacer-md" />
         <p className={errorMessageClasses}>{errorMsg}</p>
         <div className="spacer-md" />
-
-        <div className={noAvatarClasses}>
-          <div className="avatar-center-inner">
-            {this.renderAvatar()}
-            <div className="upload-btn-background">
-              <input
-                type="file"
-                ref={this.inputEl}
-                className="input-file"
-                placeholder="input file"
-                name="name"
-                onChange={this.onFileSelected}
-              />
-              <div
-                role="button"
-                className={'module-message__buttons__upload'}
-                onClick={() => {
-                  const el = this.inputEl.current;
-                  if (el) {
-                    el.click();
-                  }
-                }}
-              />
-            </div>
-          </div>
-        </div>
+        {this.renderAvatar()}
         <div className="spacer-md" />
 
         <input
@@ -192,14 +163,43 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
 
   private renderAvatar() {
     const avatarPath = this.state.avatar;
+    const isPublic = this.props.isPublic;
+
+    if (!isPublic) {
+      return undefined;
+    }
 
     return (
-      <Avatar
-        avatarPath={avatarPath}
-        conversationType="group"
-        i18n={this.props.i18n}
-        size={80}
-      />
+      <div className="avatar-center">
+        <div className="avatar-center-inner">
+          <Avatar
+            avatarPath={avatarPath}
+            conversationType="group"
+            i18n={this.props.i18n}
+            size={80}
+          />
+          <div className="upload-btn-background">
+            <input
+              type="file"
+              ref={this.inputEl}
+              className="input-file"
+              placeholder="input file"
+              name="name"
+              onChange={this.onFileSelected}
+            />
+            <div
+              role="button"
+              className={'module-message__buttons__upload'}
+              onClick={() => {
+                const el = this.inputEl.current;
+                if (el) {
+                  el.click();
+                }
+              }}
+            />
+            </div>
+          </div>
+        </div>
     );
   }
 

ts/components/session/SessionGroupSettings.tsx

@@ -256,7 +256,7 @@ export class SessionGroupSettings extends React.Component<Props, any> {
             role="button"
             onClick={this.props.onUpdateGroupName}
           >
-            {window.i18n('editGroupName')}
+            {isPublic ? window.i18n('editGroupNameOrPicture') : window.i18n('editGroupName')}
           </div>
         )}
         {showUpdateGroupMembersButton && (