feat(commits): commit and task list.

src/pipelines/index.ts

@@ -0,0 +1,3 @@
+export * from './pipeline-detail';
+export * from './pipeline-list';
+export * from './queries';

src/pipelines/pipeline-detail.tsx

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Pipeline } from '../generated/graphql';
+
+interface Props {
+  pipeline: Pipeline;
+}
+
+export const PipelineDetail: FC<Props> = ({pipeline}) => {
+
+  return <div>PipelineDetail</div>
+}

src/pipelines/pipeline-list.tsx

@@ -27,8 +27,8 @@ export const PipelineList: FC<Props> = ({ projectId }) => {
     <List>
       {data?.pipelines.map((pipeline) => (
         <Link
-          name="pipeline-details"
-          params={{ pipelineId: pipeline.id }}
+          name="pipeline-commits"
+          params={{ pipelineId: pipeline.id, projectId: projectId }}
           key={pipeline.id}
         >
           <Item pipeline={pipeline} />

src/pipelines/queries.ts

@@ -0,0 +1,18 @@
+import { gql } from '@apollo/client';
+
+export const PIPELINE = gql`
+  query Pipeline($id: String!) {
+    pipeline(id: $id) {
+      id
+      name
+      branch
+      workUnitMetadata {
+        version
+        units {
+          type
+          scripts
+        }
+      }
+    }
+  }
+`