Function Results

website/src/components/Results.tsx:138–227

({
  paths,
  pagesById,
  sourcePageTitle,
  targetPageTitle,
  isSourceRedirected,
  isTargetRedirected,
  durationInSeconds,
})

  readonly isTargetRedirected: boolean;
  readonly durationInSeconds: string;
}> = ({
  paths,
  pagesById,
  sourcePageTitle,
  targetPageTitle,
  isSourceRedirected,
  isTargetRedirected,
  durationInSeconds,
}) => {
  const sourcePageLink = (
    <StyledTextLink
      text={sourcePageTitle}
      href={getWikipediaPageUrl(sourcePageTitle)}
      target="_blank"
    />
  );

  const targetPageLink = (
    <StyledTextLink
      text={targetPageTitle}
      href={getWikipediaPageUrl(targetPageTitle)}
      target="_blank"
    />
  );

  // No paths found.
  if (paths.length === 0) {
    return (
      <ResultsMessage>
        <p>
          <b>No path</b> exists from {sourcePageLink} to {targetPageLink}
        </p>
        <RedirectWarning
          isSourceRedirected={isSourceRedirected}
          isTargetRedirected={isTargetRedirected}
        />
      </ResultsMessage>
    );
  }

  const degreesOfSeparation = paths[0].length - 1;
  const pathOrPaths = paths.length === 1 ? 'path' : 'paths';
  const degreeOrDegrees = degreesOfSeparation === 1 ? 'degree' : 'degrees';

  const tweetText = `Found ${getNumberWithCommas(
    paths.length
  )} ${pathOrPaths} with ${degreesOfSeparation} ${degreeOrDegrees} of separation from "${sourcePageTitle}" to "${targetPageTitle}" on Six Degrees of Wikipedia!`;
  const tweetUrl = `https://www.sixdegreesofwikipedia.com/?source=${encodeURIComponent(
    sourcePageTitle
  )}&target=${encodeURIComponent(targetPageTitle)}`;

  return (
    <>
      <ResultsMessage>
        <SnarkyContent degreesOfSeparation={degreesOfSeparation} />
        <p>
          Found{' '}
          <b>