diff --git a/src/components/Form/Row.tsx b/src/components/Form/Row.tsx index 96a38a5a..15724fe8 100644 --- a/src/components/Form/Row.tsx +++ b/src/components/Form/Row.tsx @@ -159,7 +159,7 @@ export const ExpandableRow = (props: RowProps) => { { rowList?.map((row: RowProps, index: number) => { return ( - {row.lbl} + {row.lbl} copyToClipboard(row.val)}> {formatValue(row.val)} @@ -199,7 +199,7 @@ const Row = (props: RowProps) => { if (children) return {children}; return ( - { lbl && {lbl} } + { lbl && {lbl} } copyToClipboard(val)}> {formatValue(val)} diff --git a/src/components/Results/BlockLists.tsx b/src/components/Results/BlockLists.tsx index ef107685..b6cf5726 100644 --- a/src/components/Results/BlockLists.tsx +++ b/src/components/Results/BlockLists.tsx @@ -6,11 +6,13 @@ const BlockListsCard = (props: {data: any, title: string, actionButtons: any }): const blockLists = props.data.blocklists; return ( - { blockLists.map((blocklist: any) => ( + { blockLists.map((blocklist: any, blockIndex: number) => ( + val={blocklist.isBlocked ? '❌ Blocked' : '✅ Not Blocked'} + key={`blocklist-${blockIndex}-${blocklist.serverIp}`} + /> ))} ); diff --git a/src/components/Results/DnsServer.tsx b/src/components/Results/DnsServer.tsx index 683de735..2a3395e1 100644 --- a/src/components/Results/DnsServer.tsx +++ b/src/components/Results/DnsServer.tsx @@ -18,12 +18,12 @@ const DnsServerCard = (props: {data: any, title: string, actionButtons: any }): return ( {dnsSecurity.dns.map((dns: any, index: number) => { - return (<> + return (
{ dnsSecurity.dns.length > 1 && DNS Server #{index+1} } { dns.hostname && } - ); +
); })} {dnsSecurity.dns.length > 0 && ( * DoH Support is determined by the DNS server's response to a DoH query. diff --git a/src/components/Results/ServerStatus.tsx b/src/components/Results/ServerStatus.tsx index f23b1934..dc7ba011 100644 --- a/src/components/Results/ServerStatus.tsx +++ b/src/components/Results/ServerStatus.tsx @@ -13,7 +13,7 @@ span.val { const ServerStatusCard = (props: { data: any, title: string, actionButtons: any }): JSX.Element => { const serverStatus = props.data; return ( - + Is Up? { serverStatus.isUp ? ✅ Online : ❌ Offline} diff --git a/src/components/Results/TlsCipherSuites.tsx b/src/components/Results/TlsCipherSuites.tsx index 59fe13a9..fcf42663 100644 --- a/src/components/Results/TlsCipherSuites.tsx +++ b/src/components/Results/TlsCipherSuites.tsx @@ -52,7 +52,7 @@ const TlsCard = (props: {data: any, title: string, actionButtons: any }): JSX.El { cipherSuites.length && cipherSuites.map((cipherSuite: any, index: number) => { return ( - + ); })} { !cipherSuites.length && ( diff --git a/src/components/Results/TlsClientSupport.tsx b/src/components/Results/TlsClientSupport.tsx index 8f1c6828..7682fa9f 100644 --- a/src/components/Results/TlsClientSupport.tsx +++ b/src/components/Results/TlsClientSupport.tsx @@ -59,8 +59,15 @@ const TlsCard = (props: {data: any, title: string, actionButtons: any }): JSX.El const scanId = props.data?.id; return ( - {clientSupport.map((support: any) => { - return () + {clientSupport.map((support: any, index: number) => { + return ( + + ) })} { !clientSupport.length && (
diff --git a/src/components/Results/TlsIssueAnalysis.tsx b/src/components/Results/TlsIssueAnalysis.tsx index 0926344d..ddee3e40 100644 --- a/src/components/Results/TlsIssueAnalysis.tsx +++ b/src/components/Results/TlsIssueAnalysis.tsx @@ -99,7 +99,13 @@ const TlsCard = (props: {data: any, title: string, actionButtons: any }): JSX.El { tlsResults.length > 0 && tlsResults.map((row: any, index: number) => { return ( - + ); })} diff --git a/src/components/misc/ErrorBoundary.tsx b/src/components/misc/ErrorBoundary.tsx index b404756f..f032159f 100644 --- a/src/components/misc/ErrorBoundary.tsx +++ b/src/components/misc/ErrorBoundary.tsx @@ -7,6 +7,7 @@ import colors from 'styles/colors'; interface Props { children: ReactNode; title?: string; + key?: string; } interface State {