<button routerLink="/dashboard">Back to dashboard</button> <h1>Viewing Need: {{need?.name}}</h1> <a>internal id: {{need?.id}}</a> <div style="display: flex; column-gap: 6px;"> <h3>Looking for</h3> <h3><u>{{need?.type}}</u></h3> <h3>Donations.</h3> </div> <div *ngIf="need?.filterAttributes != null"> <p>Tags:</p> <ul style="display: flex; column-gap: 24px;"> <li *ngFor="let tag of need?.filterAttributes"> <p>{{tag}}</p> </li> </ul> </div> <hr> <p>Goal: {{need?.maxGoal}}</p> <p>Current: {{need?.current}}</p> <p>This goal is <strong>{{((need?.current ?? 0)*100) / (need?.maxGoal ?? 0)}}%</strong> complete!</p>