GitFOSS

// 1st-party
import type { ReactView } from "@ethicdevs/react-monolith";
// 3rd-party
import React from "react";
// generated via script[generate:prisma]
import type { Organization, PullRequest, Repository } from "@prisma/client";
// app
import type { CommonProps } from "../../types";
import { Grid, Layout, PageWrapper } from "../../components";
// app islands
// import RepositoriesList from "../../islands/RepositoriesList";

export interface RepositoryPullRequestsViewProps extends CommonProps {
  parentOrg: Organization;
  pullRequests: PullRequest[];
  repo: Repository;
}

const RepositoryPullRequestsView: ReactView<RepositoryPullRequestsViewProps> =
  ({ commonProps, parentOrg, pullRequests, repo }) => {
    return (
      <Layout {...commonProps}>
        <PageWrapper>
          <h1>
            <a href={`/${parentOrg.slug}`}>
              {parentOrg.displayName || parentOrg.slug}
            </a>
            {" / "}
            <a href={`/${parentOrg.slug}/${repo.slug}`}>
              {repo.displayName || repo.slug}
            </a>
            {" ∙ "}
            <span>Pull Requests</span>
          </h1>
          <Grid.Row fluid style={{ marginTop: 32 }}>
            <pre>
              <code>{JSON.stringify(pullRequests, null, 2)}</code>
            </pre>
            {/*<div
            data-islandid={`${RepositoriesList.name}$$0`}
            style={{ width: "100%" }}
          >
            <RepositoriesList repositories={repositories} />
          </div>*/}
          </Grid.Row>
        </PageWrapper>
      </Layout>
    );
  };

RepositoryPullRequestsView.displayName = "RepositoryPullRequestsView";
export default RepositoryPullRequestsView;