Make login popup look better, add missing toast

1 files changed, 7 insertions, 5 deletions

diff --git a/ufund-ui/src/app/components/need-page/need-page.component.html b/ufund-ui/src/app/components/need-page/need-page.component.html
index 8588852..1ef4598 100644
--- a/ufund-ui/src/app/components/need-page/need-page.component.html
+++ b/ufund-ui/src/app/components/need-page/need-page.component.html
@@ -1,15 +1,17 @@
 <ng-template #warn>
-    <div *ngIf="!this.warned">
+    <div *ngIf="!this.warned" class="accountWarn">
         <h1>Not Logged in!</h1>
-        <p>To contribute please <a routerLink="/login" (click) = "modalService.hideModal()">log in</a></p> 
-        <p>You can still view needs signed out! </p>
-        <button (click) = "modalService.hideModal(); warned = true"> Continue</button>
+        <p>To contribute to needs you must be logged in!</p>
+        <div>
+            <button (click)="modalService.hideModal(); this.router.navigate(['/login'], {queryParams: {redir: this.router.url}});">Log In</button>
+            <button (click) = "modalService.hideModal(); warned = true">Continue Anyway</button>
+        </div>
     </div>
 </ng-template>
 
 <div id="box" (mouseenter)="!warned && (!usersService.isHelper() && !usersService.isManager()) ? modalService.showModal(warn) : null">
     @if (need) {
-        
+
         <img *ngIf="need.image" alt="Need image" class="need-image" [src]="need.image"/>
         <h1>{{need.name}}</h1>
         <span class="needType">{{need.type}} GOAL</span>