GitFOSS

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

export interface RepositoryExploreViewProps extends CommonProps {
  repositories: Repository[];
}

const RepositoryExploreView: ReactView<RepositoryExploreViewProps> = ({
  commonProps,
  repositories,
}) => {
  return (
    <Layout {...commonProps} showSideMenu={false}>
      <PageWrapper>
        {repositories.map((repo) => (
          <div key={repo.id}>
            <h2>{repo.displayName}</h2>
            <code>
              <pre>{JSON.stringify(repo, null, 2)}</pre>
            </code>
          </div>
        ))}
      </PageWrapper>
    </Layout>
  );
};

RepositoryExploreView.displayName = "RepositoryExploreView";
export default RepositoryExploreView;