GitFOSS

// 1st-party
import type { ReactView } from "@ethicdevs/react-monolith";
// 3rd-party
import React from "react";
// generated via script[generate:prisma]
import type { Organization, Repository } from "@prisma/client";
// app
import type {
  CommonProps,
  RepositoryFileDiff,
  RepositoryObject,
} from "../../types";
import { Card, IslandWrapper, Layout, PageWrapper } from "../../components";
// app islands
import Code, { getThemedCodeCss } from "../../islands/Code";
import RepositoryCommitSummaryLine from "../../islands/RepositoryCommitSummaryLine";
import RepositoryFilesDiffsList from "../../islands/RepositoryFilesDiffsList";
import RepositoryHero from "../../islands/RepositoryHero";

export interface RepositoryShowObjectViewProps extends CommonProps {
  currentRef: string;
  gitObject: RepositoryObject;
  gitObjectDiffs: RepositoryFileDiff[] | null;
  parentOrg: Organization;
  repo: Repository;
}

const RepositoryShowObjectView: ReactView<RepositoryShowObjectViewProps> = ({
  commonProps,
  currentRef,
  gitObject,
  gitObjectDiffs,
  parentOrg,
  repo,
}) => {
  return (
    <Layout {...commonProps}>
      <PageWrapper>
        <IslandWrapper data-islandid={`${RepositoryHero.name}$$0`}>
          <RepositoryHero
            parentOrg={parentOrg}
            path={gitObject.abbreviated_commit}
            repo={repo}
            separator={"~"}
          />
        </IslandWrapper>

        <Card
          data-islandid={`${RepositoryCommitSummaryLine.name}$$0`}
          style={{ width: "100%", marginTop: 32, padding: 8 }}
          themeScheme={commonProps.themeScheme}
        >
          <RepositoryCommitSummaryLine
            commit={gitObject}
            currentRef={currentRef}
            orgSlug={parentOrg.slug}
            repoSlug={repo.slug}
          />
        </Card>
        {gitObject.body.trim() !== "" && (
          <>
            {getThemedCodeCss(commonProps.themeScheme)}
            <Card
              data-islandid={`${Code.name}$$0`}
              style={{ width: "100%", marginTop: 32 }}
              themeScheme={commonProps.themeScheme}
            >
              <Code
                language={"plain"}
                code={gitObject.body}
                themeScheme={commonProps.themeScheme}
              />
            </Card>
          </>
        )}
        {gitObjectDiffs != null && (
          <Card
            data-islandid={`${RepositoryFilesDiffsList.name}$$0`}
            style={{ width: "100%", marginTop: 16 }}
            themeScheme={commonProps.themeScheme}
          >
            <RepositoryFilesDiffsList
              filesDiffs={gitObjectDiffs}
              themeScheme={commonProps.themeScheme}
              orgSlug={parentOrg.slug}
              repoSlug={repo.slug}
              commitHash={gitObject.commit}
            />
          </Card>
        )}
      </PageWrapper>
    </Layout>
  );
};

RepositoryShowObjectView.displayName = "RepositoryShowObjectView";
export default RepositoryShowObjectView;