Fix challenge stats

Sage-Bionetworks · Nov 4, 2023 · c16078d · c16078d
1 parent b00d56e
commit c16078d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/libs/openchallenges/challenge/src/lib/challenge-stats/challenge-stats.component.html b/libs/openchallenges/challenge/src/lib/challenge-stats/challenge-stats.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="challenge$ | async as challenge" class="stats-group">
+<div *ngIf="challenge" class="stats-group">
   <div class="stat-item">
     <h3>N</h3>
     <p [ngPlural]="mockViews || 0" class="mat-caption">
@@ -17,8 +17,13 @@ <h3>{{ shorthand(mockStargazers) }}</h3>
     <mat-icon aria-hidden="true" class="stats-card-icon">edit</mat-icon>
     Edit
   </a>
-  <a target="_blank" href="{{challenge.websiteUrl}}" class="stat-item action-btn" *ngIf="!loggedIn">
-    <mat-icon aria-hidden="true" class="stats-card-icon">open_in_new</mat-icon> 
+  <a
+    target="_blank"
+    href="{{ challenge.websiteUrl }}"
+    class="stat-item action-btn"
+    *ngIf="!loggedIn"
+  >
+    <mat-icon aria-hidden="true" class="stats-card-icon">open_in_new</mat-icon>
     Go to Website
   </a>
 </div>
diff --git a/libs/openchallenges/challenge/src/lib/challenge-stats/challenge-stats.component.ts b/libs/openchallenges/challenge/src/lib/challenge-stats/challenge-stats.component.ts
@@ -1,6 +1,5 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { Challenge } from '@sagebionetworks/openchallenges/api-client-angular';
-import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 
@@ -12,8 +11,9 @@ import { MatIconModule } from '@angular/material/icon';
   styleUrls: ['./challenge-stats.component.scss'],
 })
 export class ChallengeStatsComponent implements OnInit {
+  @Input({ required: true }) challenge: Challenge | undefined = undefined;
   @Input({ required: true }) loggedIn = false;
-  challenge$!: Observable<Challenge>;
+
   mockViews!: number;
   mockStargazers!: number;
 

diff --git a/libs/openchallenges/challenge/src/lib/challenge.component.html b/libs/openchallenges/challenge/src/lib/challenge.component.html
@@ -20,7 +20,7 @@ <h2>
     <section id="profile-stats" class="row">
       <div class="col fill-empty"></div>
       <div class="col">
-        <openchallenges-challenge-stats [loggedIn]="loggedIn" />
+        <openchallenges-challenge-stats [challenge]="challenge" [loggedIn]="loggedIn" />
       </div>
     </section>
     <section id="profile-bottom" class="content">