perf directory

aelmanaa · aelmanaa · commit 5e8514f37f49 · 2025-08-11T12:24:09.000+02:00
diff --git a/src/features/utils/index.ts b/src/features/utils/index.ts
@@ -132,9 +132,11 @@ const transformTokenName = (token: string): string => {
     .replace(/\+/g, "%2B") // Step 3: Replace plus signs with %2B
 }
 
-export const getTokenIconUrl = (token: string) => {
+export const getTokenIconUrl = (token: string, size = 80) => {
   if (!token) return ""
-  return `https://d2f70xi62kby8n.cloudfront.net/tokens/${transformTokenName(token)}.webp?auto=compress%2Cformat`
+  // Request appropriately sized images from CloudFront
+  // For 40x40 display, request 80x80 for retina displays (2x)
+  return `https://d2f70xi62kby8n.cloudfront.net/tokens/${transformTokenName(token)}.webp?auto=compress%2Cformat&w=${size}&h=${size}&fit=cover`
 }
 
 export const fallbackTokenIconUrl = "/assets/icons/generic-token.svg"

Original file line number	Diff line number	Diff line change
`@@ -132,9 +132,11 @@ const transformTokenName = (token: string): string => {`
`132`	`132`	`.replace(/\+/g, "%2B") // Step 3: Replace plus signs with %2B`
`133`	`133`	`}`
`134`	`134`
`135`		`-export const getTokenIconUrl = (token: string) => {`
	`135`	`+export const getTokenIconUrl = (token: string, size = 80) => {`
`136`	`136`	`if (!token) return ""`
`137`		- return `https://d2f70xi62kby8n.cloudfront.net/tokens/${transformTokenName(token)}.webp?auto=compress%2Cformat`
	`137`	`+ // Request appropriately sized images from CloudFront`
	`138`	`+ // For 40x40 display, request 80x80 for retina displays (2x)`
	`139`	+ return `https://d2f70xi62kby8n.cloudfront.net/tokens/${transformTokenName(token)}.webp?auto=compress%2Cformat&w=${size}&h=${size}&fit=cover`
`138`	`140`	`}`
`139`	`141`
`140`	`142`	`export const fallbackTokenIconUrl = "/assets/icons/generic-token.svg"`