import GitHubForkStatusBadgeClient from './GitHubForkStatusBadgeClient';
import {
  VERCEL_GIT_BRANCH,
  VERCEL_GIT_REPO_OWNER,
  VERCEL_GIT_REPO_SLUG,
  VERCEL_GIT_COMMIT_SHA,
} from '@/site/config';
import { getGitHubMetaWithFallback } from '.';

export default async function GitHubForkStatusBadgeServer() {
  const owner = VERCEL_GIT_REPO_OWNER;
  const repo = VERCEL_GIT_REPO_SLUG;
  const branch = VERCEL_GIT_BRANCH;
  const commit = VERCEL_GIT_COMMIT_SHA;

  const {
    url,
    isForkedFromBase,
    isBaseRepo,
    isBehind,
    label,
    description,
  } = await getGitHubMetaWithFallback({ owner, repo, branch, commit });

  return isForkedFromBase || isBaseRepo
    ? <GitHubForkStatusBadgeClient {...{
      url,
      label,
      tooltip: <>
        {description}
        {isBehind && <>
          {' '}
          <a
            href="https://github.com/sambecker/exif-photo-blog"
            target="_blank"
            className="underline hover:no-underline hover:text-main"
          >
            Sync on GitHub
          </a>
          {' '}
          for latest updates.
        </>}
      </>,
      style: isBehind === undefined || isBehind ? 'warning' : 'mono',
    }} />
    : null;
}