Make login popup look better, add missing toast

1 files changed, 6 insertions, 4 deletions

diff --git a/ufund-ui/src/app/components/need-page/need-page.component.ts b/ufund-ui/src/app/components/need-page/need-page.component.ts
index 8c4a513..67dae83 100644
--- a/ufund-ui/src/app/components/need-page/need-page.component.ts
+++ b/ufund-ui/src/app/components/need-page/need-page.component.ts
@@ -1,4 +1,4 @@
-import {Component, Input, OnInit, ViewChild, TemplateRef} from '@angular/core';
+import {Component, Input, OnInit} from '@angular/core';
 import {GoalType, Need} from '../../models/Need';
 import {ActivatedRoute, Router} from "@angular/router";
 import {CupboardService} from "../../services/cupboard.service";
@@ -16,20 +16,20 @@ import {ModalService} from '../../services/modal.service';
 })
 
 export class NeedPageComponent implements OnInit {
-   
+
     constructor(
         private route: ActivatedRoute,
         private cupboardService: CupboardService,
         private authService: AuthService,
         protected usersService: UsersService,
         private toastService: ToastsService,
-        private router: Router,
+        protected router: Router,
         protected modalService: ModalService
     ) {}
 
     @Input() need!: Need;
     warned: boolean = false;
-   
+
     ngOnInit(): void {
         const id = Number(this.route.snapshot.paramMap.get('id'));
         this.cupboardService.getNeed(id).subscribe(n => this.need = n);
@@ -47,6 +47,8 @@ export class NeedPageComponent implements OnInit {
                         return of();
                     }))
                     .subscribe(() => {
+                        let action = {label: "View Basket", onAction: () => this.router.navigate(['/basket'])}
+                        this.toastService.sendToast(ToastType.INFO, `"${need.name}" Added to basket`, action)
                         this.usersService.refreshBasket();
                     });
             } else {