From 53a61e7b41ef94f479d8e9102429acbb15e05f9f Mon Sep 17 00:00:00 2001
From: Mutugi <48474421+Mutugiii@users.noreply.github.com>
Date: Wed, 3 Jan 2024 21:51:35 +0300
Subject: [PATCH] users: add remove of profile images (fixes #7376) (#7378)

Co-authored-by: dogi <dogi@users.noreply.github.com>
---
 package.json                                      |  4 ++--
 .../users-update/users-update.component.html      |  5 ++++-
 .../users/users-update/users-update.component.ts  | 15 ++++++++++++++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 22ccd39968..84b495e0ab 100755
--- a/package.json
+++ b/package.json
@@ -1,9 +1,9 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.14.4",
+  "version": "0.14.5",
   "myplanet": {
-    "latest": "v0.12.52",
+    "latest": "v0.12.55",
     "min": "v0.12.0"
   },
   "scripts": {
diff --git a/src/app/users/users-update/users-update.component.html b/src/app/users/users-update/users-update.component.html
index f5e279e498..c0753cb728 100644
--- a/src/app/users/users-update/users-update.component.html
+++ b/src/app/users/users-update/users-update.component.html
@@ -108,7 +108,10 @@
       </form>
     </div>
     <div *ngIf="!submissionMode" class="profile-image-section">
-      <img class="profile-image-update" [src]="previewSrc">
+      <div style="text-align: center;">
+        <img class="profile-image-update" [src]="previewSrc"><br>
+        <button *ngIf="(uploadImage && currentImgKey) && !file" mat-raised-button color="accent" (click)="deleteImageAttachment()">Remove</button>
+      </div>
       <div class="profile-image-upload">
         <ngx-img (onSelect)="onImageSelect($event)" (onReset)="removeImageFile()" [config]="ngxImgConfig"
           [text]="ngxImgText" [errorTexts]="ngxImgErrText"></ngx-img>
diff --git a/src/app/users/users-update/users-update.component.ts b/src/app/users/users-update/users-update.component.ts
index 05f18f7129..77324cba8d 100644
--- a/src/app/users/users-update/users-update.component.ts
+++ b/src/app/users/users-update/users-update.component.ts
@@ -5,7 +5,6 @@ import {
   Validators
 } from '@angular/forms';
 import { CouchService } from '../../shared/couchdb.service';
-import { of } from 'rxjs';
 import { switchMap, map } from 'rxjs/operators';
 import { ActivatedRoute, Router } from '@angular/router';
 import { UserService } from '../../shared/user.service';
@@ -181,6 +180,20 @@ export class UsersUpdateComponent implements OnInit {
     this.uploadImage = false;
   }
 
+  deleteImageAttachment() {
+    if (!this.currentImgKey) {
+      return;
+    }
+
+    if (this.user._attachments && this.user._attachments[this.currentImgKey]) {
+      delete this.user._attachments[this.currentImgKey];
+    }
+
+    this.currentProfileImg = 'assets/image.png';
+    this.removeImageFile();
+  }
+
+
   appendToSurvey(user) {
     const submissionId = this.route.snapshot.params.id;
     this.couchService.get('submissions/' + submissionId).pipe(switchMap((submission) => {