diff --git a/src/app/awardee-editor/awardee-editor.component.html b/src/app/awardee-editor/awardee-editor.component.html
index ab5e675..e4237d2 100644
--- a/src/app/awardee-editor/awardee-editor.component.html
+++ b/src/app/awardee-editor/awardee-editor.component.html
@@ -4,13 +4,13 @@
![]()
+ *ngIf="awardee.hasProfileImage" [matTooltip]="existingProfileTooltip">
![]()
+ (click)="undoImageSelect(profileImageUpload)" matTooltip="Cancel this change">
@@ -25,13 +25,13 @@
![]()
+ *ngIf="awardee.hasAwardImage" [matTooltip]="existingAwardTooltip">
![]()
+ (click)="undoImageSelect(awardImageUpload)" matTooltip="Cancel this change">
diff --git a/src/app/awardee-editor/awardee-editor.component.ts b/src/app/awardee-editor/awardee-editor.component.ts
index 55aed25..a80753e 100644
--- a/src/app/awardee-editor/awardee-editor.component.ts
+++ b/src/app/awardee-editor/awardee-editor.component.ts
@@ -120,4 +120,12 @@ export class AwardeeEditorComponent implements OnInit {
get awardImage(): string {
return `${environment.apiUrl}/awardee-image/award/${this.awardee.slug}`
}
+
+ get existingProfileTooltip(): string {
+ return this.rawProfileImage ? 'Image will be replaced' : '';
+ }
+
+ get existingAwardTooltip(): string {
+ return this.rawAwardImage ? 'Image will be replaced' : '';
+ }
}
diff --git a/src/app/judge-editor/judge-editor.component.html b/src/app/judge-editor/judge-editor.component.html
index f0af3ef..1ee7784 100644
--- a/src/app/judge-editor/judge-editor.component.html
+++ b/src/app/judge-editor/judge-editor.component.html
@@ -11,14 +11,14 @@
![]()
+ *ngIf="judge.hasProfileImage" [matTooltip]="existingProfileTooltip">
![]()
+ (click)="undoImageSelect(profileImageUpload)" matTooltip="Cancel this change">
diff --git a/src/app/judge-editor/judge-editor.component.ts b/src/app/judge-editor/judge-editor.component.ts
index 94d7711..cb80883 100644
--- a/src/app/judge-editor/judge-editor.component.ts
+++ b/src/app/judge-editor/judge-editor.component.ts
@@ -99,6 +99,10 @@ export class JudgeEditorComponent implements OnInit {
return `${environment.apiUrl}/judge-image/${this.judge.slug}`
}
+ get existingProfileTooltip(): string {
+ return this.rawProfileImage ? 'Image will be replaced' : '';
+ }
+
private sortByYear() {
this.judge.titles.sort((a,b) => a.year < b.year ? 1 : -1);
}