UI improvement && better case handling

open-learning-exchange · Dec 18, 2023 · 4ad0a12 · 4ad0a12
1 parent cbd8ae6
commit 4ad0a12
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/app/users/users-update/users-update.component.html b/src/app/users/users-update/users-update.component.html
@@ -108,8 +108,10 @@
       </form>
     </div>
     <div *ngIf="!submissionMode" class="profile-image-section">
-      <button *ngIf="currentImgKey && !file" mat-raised-button color="warn" (click)="deleteImageAttachment()">Remove</button>
-      <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
@@ -191,7 +191,7 @@ export class UsersUpdateComponent implements OnInit {
     }
 
     this.currentProfileImg = 'assets/image.png';
-    this.removeImageFile()
+    this.removeImageFile();
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -191,7 +191,7 @@ export class UsersUpdateComponent implements OnInit { @@
         }
         this.currentProfileImg = 'assets/image.png';
-        this.removeImageFile()
+        this.removeImageFile();
       }
@@ Expand Down @@