diff --git a/src/components/Results/DomainLookup.tsx b/src/components/Results/DomainLookup.tsx index a560306..9300b4b 100644 --- a/src/components/Results/DomainLookup.tsx +++ b/src/components/Results/DomainLookup.tsx @@ -11,7 +11,7 @@ span.val { `; const DomainLookupCard = (props: { data: any, title: string, actionButtons: any }): JSX.Element => { - const domain = props.data; + const domain = props.data.internicData || {}; return ( { domain.Domain_Name && } @@ -25,13 +25,6 @@ const DomainLookupCard = (props: { data: any, title: string, actionButtons: any {domain.Registrar} } { domain.Registrar_IANA_ID && } - - {/* - Is Up? - { serverStatus.isUp ? ✅ Online : ❌ Offline} - - - { serverStatus.responseTime && } */} ); } diff --git a/src/components/Results/Rank.tsx b/src/components/Results/Rank.tsx index ff21712..bf70534 100644 --- a/src/components/Results/Rank.tsx +++ b/src/components/Results/Rank.tsx @@ -39,6 +39,23 @@ const makeChartData = (data: {date: string, rank: number }[]) => { }); }; +function Chart(chartData: { date: string; uv: number; }[], data: any) { + return + + + + + + + + + ['Date : ', data[value].date]} /> + + + ; +} + const RankCard = (props: { data: any, title: string, actionButtons: any }): JSX.Element => { const data = props.data.ranks || []; const { average, percentageChange } = makeRankStats(data); @@ -49,42 +66,12 @@ const RankCard = (props: { data: any, title: string, actionButtons: any }): JSX. 0 ? '+':''} ${percentageChange.toFixed(2)}%`} />
- - - - - - - - - - ['Date : ', data[value].date]}/> - - - + {Chart(chartData, data)}
- - {/* { domain.Domain_Name && } - { domain.Creation_Date && } - { domain.Updated_Date && } - { domain.Registry_Expiry_Date && } - { domain.Registry_Domain_ID && } - { domain.Registrar_WHOIS_Server && } - { domain.Registrar && - Registrar - {domain.Registrar} - } - { domain.Registrar_IANA_ID && } */} - - {/* - Is Up? - { serverStatus.isUp ? ✅ Online : ❌ Offline} - - - { serverStatus.responseTime && } */} ); } export default RankCard; + + diff --git a/src/components/misc/AdditionalResources.tsx b/src/components/misc/AdditionalResources.tsx index 4f3b50c..c07d295 100644 --- a/src/components/misc/AdditionalResources.tsx +++ b/src/components/misc/AdditionalResources.tsx @@ -45,11 +45,13 @@ img { p, a { margin: 0; } -a.resource-link { +.resource-link { color: ${colors.primary}; opacity: 0.75; font-size: 0.9rem; transition: all 0.2s ease-in-out; + text-decoration: underline; + cursor: pointer; } .resource-title { font-weight: bold; @@ -214,10 +216,12 @@ const AdditionalResources = (props: { url?: string }): JSX.Element => { { resources.map((resource, index) => { return ( -
  • - +
  • +

    {resource.title}

    -
    {new URL(resource.link).hostname} + window.open(resource.link, '_blank')} title={`Open: ${resource.link}`}> + {new URL(resource.link).hostname} +
    diff --git a/src/components/misc/ProgressBar.tsx b/src/components/misc/ProgressBar.tsx index 2b02a80..8917911 100644 --- a/src/components/misc/ProgressBar.tsx +++ b/src/components/misc/ProgressBar.tsx @@ -215,6 +215,8 @@ const jobNames = [ 'trace-route', 'firewall', 'http-security', + 'rank', + 'archives', ] as const; export const initialJobs = jobNames.map((job: string) => { diff --git a/src/utils/docs.ts b/src/utils/docs.ts index 5e15491..cc0b29c 100644 --- a/src/utils/docs.ts +++ b/src/utils/docs.ts @@ -449,7 +449,18 @@ const docs: Doc[] = [ resources: [ { title: 'Wayback Machine', link: 'https://archive.org/web/'}, ], - screenshot: '', + screenshot: 'https://i.ibb.co/nB9szT1/Screenshot-from-2023-08-14-22-31-16.png', + }, + { + id: 'rank', + title: 'Global Ranking', + description: 'This check shows the global rank of the requested site. This is only accurate for websites which are in the top 100 million list. We\'re using data from the Tranco project (see below), which collates the top sites on the web from Umbrella, Majestic, Quantcast, the Chrome User Experience Report and Cloudflare Radar.', + use: 'Knowing a websites overall global rank can be useful for understanding the scale of the site, and for comparing it to other sites. It can also be useful for understanding the relative popularity of a site, and for identifying potential trends.', + resources: [ + { title: 'Tranco List', link: 'https://tranco-list.eu/' }, + { title: 'Tranco Research Paper', link: 'https://tranco-list.eu/assets/tranco-ndss19.pdf'}, + ], + screenshot: 'https://i.ibb.co/nkbczgb/Screenshot-from-2023-08-14-22-02-40.png', }, // { // id: '',