best diff on dashboard

2023-07-23 00:15:42 -04:00
parent feb00e9f5a
commit 1cfb2dbb25
1 changed files with 18 additions and 0 deletions
@@ -1,4 +1,22 @@
 <ng-container *ngIf="clientInfo$ | async as clientInfo">
+    <div class="grid">
+        <div class="col-12 lg:col-6 xl:col-3">
+            <div class="card mb-4">
+                <div class="flex justify-content-between mb-3">
+                    <div>
+                        <span class="block text-500 font-medium mb-3">Best Difficulty</span>
+                        <div class="text-900 font-medium text-xl">{{clientInfo.bestDifficulty | numberSuffix}}
+                        </div>
+                    </div>
+                    <div class="flex align-items-center justify-content-center bg-orange-100 border-round"
+                        [ngStyle]="{width: '2.5rem', height: '2.5rem'}">
+                        <i class="pi pi-star text-orange-500 text-xl"></i>
+                    </div>
+                </div>
+                <span class="text-green-500 font-medium">{{clientInfo.bestDifficulty | number}}</span>
+            </div>
+        </div>
+    </div>
    <div class="card">