feat: remove number to words formatter and update related components

Author: rbjornstad

src/lib/utils/formatters.ts

@@ -8,46 +8,3 @@ export function percentageFormatter(value: number, maximumFractionDigits: number
 export function capitalizeFirstLetter(sentence: string): string {
 	return sentence.length ? sentence.charAt(0).toUpperCase() + sentence.slice(1) : sentence;
 }
-
-export function numberToWords(num: number): string {
-	if (num < 0 || num > 999) throw new Error('Number out of range (0–999)');
-
-	const ones = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
-	const teens = [
-		'eleven',
-		'twelve',
-		'thirteen',
-		'fourteen',
-		'fifteen',
-		'sixteen',
-		'seventeen',
-		'eighteen',
-		'nineteen'
-	];
-	const tens = [
-		'ten',
-		'twenty',
-		'thirty',
-		'forty',
-		'fifty',
-		'sixty',
-		'seventy',
-		'eighty',
-		'ninety'
-	];
-
-	if (num < 10) return ones[num];
-	if (num > 10 && num < 20) return teens[num - 11];
-	if (num >= 10 && num < 100) {
-		return num % 10 === 0
-			? tens[Math.floor(num / 10) - 1]
-			: `${tens[Math.floor(num / 10) - 1]}-${ones[num % 10]}`;
-	}
-
-	// Handling 100–999
-	const hundredPart = ones[Math.floor(num / 100)] + ' hundred';
-	const remainder = num % 100;
-
-	if (remainder === 0) return hundredPart;
-	return `${hundredPart} and ${numberToWords(remainder)}`;
-}

src/routes/team/[team]/+page.svelte

@@ -9,7 +9,6 @@
 	import { Alert, Heading } from '@nais/ds-svelte-community';
 
 	import WorkloadLink from '$lib/components/WorkloadLink.svelte';
-	import { numberToWords } from '$lib/utils/formatters';
 	import type { PageProps } from './$houdini';
 
 	let { data }: PageProps = $props();
@@ -42,7 +41,7 @@
 			rel="noopener noreferrer">Read more in Nais announcement</a
 		>.
 		<p>
-			{teamSlug} currently has {numberToWords(deprecatedImages.length)}
+			{teamSlug} currently has {deprecatedImages.length}
 			workload{deprecatedImages.length === 1 ? '' : 's'} using
 			{deprecatedImages.length === 1
 				? 'a deprecated image registry'

src/routes/team/[team]/overview/+page.svelte

@@ -7,7 +7,6 @@
 	import TeamUtilizationAndOverage from '$lib/components/TeamUtilizationAndOverage.svelte';
 	import VulnerabilitySummaryNew from '$lib/components/VulnerabilitySummaryNew.svelte';
 	import { envTagVariant } from '$lib/envTagVariant';
-	import { capitalizeFirstLetter, numberToWords } from '$lib/utils/formatters';
 	import type { PageData } from './$houdini';
 
 	interface Props {
@@ -54,8 +53,10 @@
 				<Heading level="4" size="small" spacing>Todos</Heading>
 				{#if workloadsVulnerable?.length}
 					<BodyShort>
-						{capitalizeFirstLetter(numberToWords(workloadsVulnerable?.length))} of your workload's risk
-						score exceeds the acceptable threshold of 100. Please keep your dependencies up to date.
+						{workloadsVulnerable?.length} of your workload's risk scores exceed{workloadsVulnerable?.length ===
+						0
+							? ''
+							: 's'} the acceptable threshold of 100. Please keep your dependencies up to date.
 					</BodyShort>
 					<ul>
 						{#each workloadsVulnerable as workload (workload.id)}
@@ -80,7 +81,9 @@
 
 				{#if workloadWithoutSbom?.length}
 					<BodyShort>
-						{capitalizeFirstLetter(numberToWords(workloadWithoutSbom?.length))} of your workloads does
+						{workloadWithoutSbom?.length} of your workloads {workloadWithoutSbom?.length === 1
+							? 'does'
+							: 'do'}
 						not have a registered Software Bill of Materials (SBOM). Refer to the Nais documentation
 						for instructions on how to resolve this.
 						<ul>