diff --git a/src/app/items/item-delete/item-delete.component.css b/src/app/items/item-delete/item-delete.component.css index 0b79f36..9241a3d 100644 --- a/src/app/items/item-delete/item-delete.component.css +++ b/src/app/items/item-delete/item-delete.component.css @@ -1,3 +1,13 @@ .text { font-family: 'Spartan', sans-serif; } + +.itemDataTitle { + font-family: 'Spartan', sans-serif; + background: #ff5722; + color: white; + font-size: 26px; + text-align: center; + padding: 5px; +} + diff --git a/src/app/items/item-delete/item-delete.component.html b/src/app/items/item-delete/item-delete.component.html index 7002979..c1bb616 100644 --- a/src/app/items/item-delete/item-delete.component.html +++ b/src/app/items/item-delete/item-delete.component.html @@ -1,10 +1,20 @@ -

Delete item

+
Delete Item
- -

Are you sure you want to delete "{{item.name}}"?

-
+
+ - - - - + + + +

Are you sure you want to delete "{{item.name}}"?

+
+ +
+ +
+ + +
+ +
\ No newline at end of file diff --git a/src/app/items/item-list/item-list.component.ts b/src/app/items/item-list/item-list.component.ts index 32e249c..645e04d 100644 --- a/src/app/items/item-list/item-list.component.ts +++ b/src/app/items/item-list/item-list.component.ts @@ -158,6 +158,9 @@ export class ItemListComponent implements OnInit{ // console.log('Deleting', val); this.itemService.deleteItem(val); this.items = []; + this.notifierService + .showNotification("Item deleted!!", + "Close","success"); } this.itemService.getItems(this.owner.address); this.itemsUpdate.subscribe((items) => {