Format numbers

harvard-lil · Apr 4, 2024 · d51cfad · d51cfad
1 parent 2034fb9
commit d51cfad
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/src/components/cap-map.js b/src/components/cap-map.js
@@ -150,6 +150,10 @@ export class CapMap extends LitElement {
 		return mapping;
 	}
 
+	getFormattedNumber(number) {
+		return number.toLocaleString();
+	}
+
 	render() {
 		return html`
 			<div class="mapRegion">
@@ -166,42 +170,38 @@ export class CapMap extends LitElement {
 								: "State and Federal Totals"}
 						</h3>
 						<p class="infoBox__text">
-							${this.activeStats.caseCount}<br /><span
+							${this.getFormattedNumber(this.activeStats.caseCount)}<br /><span
 								class="infoBox__textDescriptor"
 								>Unique cases</span
 							>
 						</p>
 						<p class="infoBox__text">
-							${this.activeStats.reporterCount}<br /><span
-								class="infoBox__textDescriptor"
-								>Reporters</span
-							>
+							${this.getFormattedNumber(
+								this.activeStats.reporterCount,
+							)}<br /><span class="infoBox__textDescriptor">Reporters</span>
 						</p>
 						<p class="infoBox__text">
-							${this.activeStats.pageCount}<br /><span
+							${this.getFormattedNumber(this.activeStats.pageCount)}<br /><span
 								class="infoBox__textDescriptor"
 								>Pages scanned</span
 							>
 						</p>
 
 						<h3 class="infoBox__heading">Federal Totals</h3>
 						<p class="infoBox__text">
-							${nationalCaselawStats.total.caseCount}<br /><span
-								class="infoBox__textDescriptor"
-								>Unique cases</span
-							>
+							${this.getFormattedNumber(
+								nationalCaselawStats.total.caseCount,
+							)}<br /><span class="infoBox__textDescriptor">Unique cases</span>
 						</p>
 						<p class="infoBox__text">
-							${nationalCaselawStats.total.reporterCount}<br /><span
-								class="infoBox__textDescriptor"
-								>Reporters</span
-							>
+							${this.getFormattedNumber(
+								nationalCaselawStats.total.reporterCount,
+							)}<br /><span class="infoBox__textDescriptor">Reporters</span>
 						</p>
 						<p class="infoBox__text">
-							${nationalCaselawStats.total.pageCount}<br /><span
-								class="infoBox__textDescriptor"
-								>Pages scanned</span
-							>
+							${this.getFormattedNumber(
+								nationalCaselawStats.total.pageCount,
+							)}<br /><span class="infoBox__textDescriptor">Pages scanned</span>
 						</p>
 					</div>