Update crawl scale label for UI consistency (#275)

closes #254
This commit is contained in:
sua yoo 2022-06-29 16:14:03 -07:00 committed by GitHub
parent 50c525853f
commit 1c52902ea0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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>