From 3c975801089f20fc3f261a0a347c9125183b8f0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Van=20Dal?= <deregudegu@gmail.com>
Date: Wed, 22 Sep 2021 12:29:02 -0300
Subject: [PATCH 1/2] feat: add the remaining MetricDistributionGraph

---
 .../project-dashboard/category-card.jsx       | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/packages/server/src/ui/routes/project-dashboard/category-card.jsx b/packages/server/src/ui/routes/project-dashboard/category-card.jsx
index 5d34f1da5..f860a597d 100644
--- a/packages/server/src/ui/routes/project-dashboard/category-card.jsx
+++ b/packages/server/src/ui/routes/project-dashboard/category-card.jsx
@@ -129,10 +129,10 @@ const MetricDistributionGraphs = props => {
         scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['first-contentful-paint']}
       />
       <MetricDistributionGraph
-        abbreviation={'SI'}
-        label={'Speed Index'}
-        statistics={stats('audit_speed-index_median')}
-        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['speed-index']}
+        abbreviation={'LCP'}
+        label={'First Contentful Paint'}
+        statistics={stats('audit_largest-contentful-paint_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['largest-contentful-paint']}
       />
       <MetricDistributionGraph
         abbreviation={'TTI'}
@@ -140,6 +140,24 @@ const MetricDistributionGraphs = props => {
         statistics={stats('audit_interactive_median')}
         scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['interactive']}
       />
+      <MetricDistributionGraph
+        abbreviation={'SI'}
+        label={'Speed Index'}
+        statistics={stats('audit_speed-index_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['speed-index']}
+      />
+      <MetricDistributionGraph
+        abbreviation={'TBT'}
+        label={'Total Blocking Time'}
+        statistics={stats('audit_total-blocking-time_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['total-blocking-time']}
+      />
+      <MetricDistributionGraph
+        abbreviation={'FID'}
+        label={'Max Potential FID'}
+        statistics={stats('audit_max-potential-fid_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['max-potential-fid']}
+      />
     </Fragment>
   );
 };

From 52458b286dbdf5dc87c0dbecd79ae42cad97893e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Van=20Dal?= <me@andrevandal.dev>
Date: Wed, 22 Sep 2021 14:02:29 -0300
Subject: [PATCH 2/2] Update
 packages/server/src/ui/routes/project-dashboard/category-card.jsx

Co-authored-by: Patrick Hulce <patrick.hulce@gmail.com>
---
 .../server/src/ui/routes/project-dashboard/category-card.jsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/server/src/ui/routes/project-dashboard/category-card.jsx b/packages/server/src/ui/routes/project-dashboard/category-card.jsx
index f860a597d..1590c2735 100644
--- a/packages/server/src/ui/routes/project-dashboard/category-card.jsx
+++ b/packages/server/src/ui/routes/project-dashboard/category-card.jsx
@@ -130,7 +130,7 @@ const MetricDistributionGraphs = props => {
       />
       <MetricDistributionGraph
         abbreviation={'LCP'}
-        label={'First Contentful Paint'}
+        label={'Largest Contentful Paint'}
         statistics={stats('audit_largest-contentful-paint_median')}
         scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['largest-contentful-paint']}
       />