X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-main%2Fbuttons%2Fdelete-button.component.ts;h=0ee7d3757451fe463849fd1c5518fe000bdbecf0;hb=d12b40fb96d56786a96c06a621f3d8e0a0d24f4a;hp=39e31900fa3998423dba23683688bfc3b554575b;hpb=67ed6552b831df66713bac9e672738796128d33f;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/shared-main/buttons/delete-button.component.ts b/client/src/app/shared/shared-main/buttons/delete-button.component.ts
index 39e31900f..0ee7d3757 100644
--- a/client/src/app/shared/shared-main/buttons/delete-button.component.ts
+++ b/client/src/app/shared/shared-main/buttons/delete-button.component.ts
@@ -1,20 +1,29 @@
 import { Component, Input, OnInit } from '@angular/core'
-import { I18n } from '@ngx-translate/i18n-polyfill'
 
 @Component({
   selector: 'my-delete-button',
-  styleUrls: [ './button.component.scss' ],
-  templateUrl: './delete-button.component.html'
+  template: `
+    <my-button
+      icon="delete" className="grey-button"
+      [disabled]="disabled" [label]="label" [title]="title"
+      [responsiveLabel]="responsiveLabel"
+    ></my-button>
+  `
 })
-
 export class DeleteButtonComponent implements OnInit {
   @Input() label: string
-
-  title: string
-
-  constructor (private i18n: I18n) { }
+  @Input() title: string
+  @Input() responsiveLabel = false
+  @Input() disabled: boolean
 
   ngOnInit () {
-    this.title = this.label || this.i18n('Delete')
+    if (this.label === undefined && !this.title) {
+      this.title = $localize`Delete`
+    }
+
+    // <my-delete-button label /> Use default label
+    if (this.label === '') {
+      this.label = $localize`Delete`
+    }
   }
 }