From 490122ecc212a7c19220821b54fff1316f395092 Mon Sep 17 00:00:00 2001
From: Artem Dychenko <s192441@student.pg.edu.pl>
Date: Sat, 1 Mar 2025 18:08:06 +0100
Subject: [PATCH] mod: change dashboard statistics html

---
 .../dashboard-statistics.component.html       | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/components/dashboard-statistics/dashboard-statistics.component.html b/src/app/components/dashboard-statistics/dashboard-statistics.component.html
index 7da5152..c34d1b5 100644
--- a/src/app/components/dashboard-statistics/dashboard-statistics.component.html
+++ b/src/app/components/dashboard-statistics/dashboard-statistics.component.html
@@ -1,6 +1,9 @@
 <div class="statistics">
   @if (isLoading()) {
     <div class="statistics__loader">
+      <div time class="statistics__total-time">
+          <ngx-skeleton-loader count="7" />
+      </div>
       <div eth class="statistics__eth">
         <div class="statistics__eth-content">
           <ngx-skeleton-loader count="7" />
@@ -11,19 +14,18 @@
           <ngx-skeleton-loader count="7" />
         </div>
       </div>
-      <div ir>
-        <ngx-skeleton-loader count="10" />
+      <div ir class="statistics__ir">
+        <div class="statistics__ir-content">
+          <ngx-skeleton-loader count="7" />
+        </div>
       </div>
     </div>
   }
   @else {
     <div class="statistics__content">
-      <p>Total time {{ dashboardStatistic()?.total_time }} </p>
-<!--      @for (mac of configuration()?.mac_source; track $index) {-->
-<!--        <app-pill>{{ mac }}</app-pill>-->
-<!--      } @empty {-->
-<!--        <app-pill>All addresses</app-pill>-->
-<!--      }-->
+      <div time class="statistics__total-time">
+        <p>Total time {{ dashboardStatistic()?.total_time }} </p>
+      </div>
       <div eth class="statistics__eth">
         <div class="statistics__eth-content">
 <!--          <p>ETH Price: {{ statistics.ethPrice }} USD</p>-->
@@ -34,8 +36,10 @@
 <!--          <p>Number of active protocols: {{ statistics.protocols }}</p>-->
         </div>
       </div>
-      <div ir>
+      <div ir class="statistics__ir">
+        <div class="statistics__ir-content">
 <!--        <p>Other data: {{ statistics.otherData }}</p>-->
+        </div>
       </div>
     </div>
   }
-- 
GitLab