Merge branch 'release/3.2.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / buttons / delete-button.component.ts

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 39e31900fa3998423dba23683688bfc3b554575b..c091f5309e40801c62a38354bb9346f33048b09f 100644 (file)
--- 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,5 +1,4 @@
 import { Component, Input, OnInit } from '@angular/core'
-import { I18n } from '@ngx-translate/i18n-polyfill'
 
 @Component({
   selector: 'my-delete-button',
@@ -9,12 +8,22 @@ import { I18n } from '@ngx-translate/i18n-polyfill'
 
 export class DeleteButtonComponent implements OnInit {
   @Input() label: string
+  @Input() title: string
+  @Input() responsiveLabel = false
 
-  title: string
+  ngOnInit () {
+    // <my-delete-button /> No label
+    if (this.label === undefined && !this.title) {
+      this.title = $localize`Delete`
+    }
 
-  constructor (private i18n: I18n) { }
+    // <my-delete-button label /> Use default label
+    if (this.label === '') {
+      this.label = $localize`Delete`
 
-  ngOnInit () {
-    this.title = this.label || this.i18n('Delete')
+      if (!this.title) {
+        this.title = this.label
+      }
+    }
   }
 }