From 1c52902ea03d8e98cd00feca08f1dbacb7c5ad9f Mon Sep 17 00:00:00 2001
From: sua yoo <sua@suayoo.com>
Date: Wed, 29 Jun 2022 16:14:03 -0700
Subject: [PATCH] Update crawl scale label for UI consistency (#275)

closes #254
---
 frontend/src/pages/archive/crawl-detail.ts | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/archive/crawl-detail.ts b/frontend/src/pages/archive/crawl-detail.ts
index 7d611ee5..a2dc32ce 100644
--- a/frontend/src/pages/archive/crawl-detail.ts
+++ b/frontend/src/pages/archive/crawl-detail.ts
@@ -372,6 +372,22 @@ export class CrawlDetail extends LiteElement {
   }
 
   private renderSummary() {
+    let crawlScaleLabel = `${this.crawl?.scale}`;
+
+    switch (this.crawl?.scale) {
+      case 1:
+        crawlScaleLabel = msg("Standard", { desc: "Crawl scale label" });
+        break;
+      case 2:
+        crawlScaleLabel = msg("Big (2x)", { desc: "Crawl scale label" });
+        break;
+      case 3:
+        crawlScaleLabel = msg("Bigger (3x)", { desc: "Crawl scale label" });
+        break;
+      default:
+        break;
+    }
+
     return html`
       <dl class="grid grid-cols-4 gap-5 rounded-lg border py-3 px-5 text-sm">
         <div class="col-span-2 md:col-span-1">
@@ -449,7 +465,7 @@ export class CrawlDetail extends LiteElement {
           <dt class="text-xs text-0-600">${msg("Crawl Scale")}</dt>
           <dd>
             ${this.crawl
-              ? html`<span class="font-mono">${this.crawl.scale}</span>`
+              ? crawlScaleLabel
               : html`<sl-skeleton class="h-5"></sl-skeleton>`}
           </dd>
         </div>