GitRepositoryDetail.tsx

import * as React from "react";
import styled from "styled-components";
import Link from "../components/Link";
import SourceDetail from "../components/SourceDetail";
import Timestamp from "../components/Timestamp";
import { useFeatureFlags } from "../hooks/featureflags";
import { Kind } from "../lib/api/core/types.pb";
import { GitRepository } from "../lib/objects";
import { convertGitURLToGitProvider } from "../lib/utils";
import ClusterDashboardLink from "./ClusterDashboardLink";
import { InfoField } from "./InfoList";

type Props = {
  className?: string;
  gitRepository: GitRepository;
  customActions?: JSX.Element[];
};

function GitRepositoryDetail({
  className,
  gitRepository,
  customActions,
}: Props) {
  const { isFlagEnabled } = useFeatureFlags();

  const tenancyInfo: InfoField[] =
    isFlagEnabled("WEAVE_GITOPS_FEATURE_TENANCY") && gitRepository.tenant
      ? [["Tenant", gitRepository.tenant]]
      : [];
  const clusterInfo: InfoField[] = isFlagEnabled("WEAVE_GITOPS_FEATURE_CLUSTER")
    ? [
        [
          "Cluster",
          <ClusterDashboardLink
            key={gitRepository.uid}
            clusterName={gitRepository?.clusterName}
          />,
        ],
      ]
    : [];

  return (
    <SourceDetail
      className={className}
      type={Kind.GitRepository}
      source={gitRepository}
      customActions={customActions}
      info={[
        ["Kind", Kind.GitRepository],
        [
          "URL",
          <Link
            key={gitRepository.uid}
            newTab
            href={convertGitURLToGitProvider(gitRepository.url)}
          >
            {gitRepository.url}
          </Link>,
        ],
        ["Ref", gitRepository.reference?.branch],
        [
          "Last Updated",
          <Timestamp
            key={gitRepository.uid}
            time={gitRepository.lastUpdatedAt}
          />,
        ],
        ...clusterInfo,
        ["Namespace", gitRepository.namespace],
        ...tenancyInfo,
      ]}
    />
  );
}

export default styled(GitRepositoryDetail).attrs({
  className: GitRepositoryDetail.name,
})``;