fix: format worker website

subsquid · May 15, 2024 · 10affea · 10affea
1 parent a5c2804
commit 10affea
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/lib/formatters/formatters.ts b/src/lib/formatters/formatters.ts
@@ -27,3 +27,10 @@ export function addressFormatter(val: string, shortify?: boolean) {
   const address = getAddress(val);
   return shortify ? `${address.substring(0, 6)}...${address?.slice(-4)}` : address;
 }
+
+export function urlFormatter(val: string) {
+  val = val.trim().toLowerCase();
+  return val.startsWith('http://') || val.startsWith('https://')
+    ? val
+    : val.replace(/^(?!(?:\w+?:)?\/\/)/, 'https://');
+}
diff --git a/src/pages/WorkersPage/WorkerStatistics.tsx b/src/pages/WorkersPage/WorkerStatistics.tsx
@@ -5,6 +5,7 @@ import {
   bytesFormatter,
   numberWithSpacesFormatter,
   percentFormatter,
+  urlFormatter,
 } from '@lib/formatters/formatters.ts';
 import { Box, Divider, Stack, styled } from '@mui/material';
 
@@ -78,7 +79,13 @@ export const WorkerStatistics = ({ worker }: { worker: BlockchainApiFullWorker }
           <Stack direction="row">
             <WorkerDescLabel>Website</WorkerDescLabel>
             <WorkerDescValue>
-              {worker.website ? <a href={worker.website}>{worker.website}</a> : '-'}
+              {worker.website ? (
+                <a href={urlFormatter(worker.website)} target="_blank" rel="noreferrer">
+                  {urlFormatter(worker.website)}
+                </a>
+              ) : (
+                '-'
+              )}
             </WorkerDescValue>
           </Stack>
           <Stack direction="row">