-
-
- Import with a public HTTP(S) Git URL.
+
+
+ Connect project
+
+
+ Bring a public repository into the project loop.
onChange(event.target.value)}
+ aria-label="Public Git repository URL"
+ onChange={(event) => onRepositoryChange(event.target.value)}
placeholder="https://github.com/owner/repo"
required
value={value}
/>
);
-interface ProjectListProps {
- readonly projects:
- | readonly {
- readonly id: string;
- readonly name: string;
- readonly sources: readonly {
- readonly host: string;
- readonly repositoryPath: string;
- readonly url: string;
- }[];
- }[]
- | undefined;
+interface ProjectSidebarProps {
+ readonly onProjectSelect: (projectId: Id<"projects">) => void;
+ readonly projects: readonly Project[] | undefined;
readonly selectedId: Id<"projects"> | null;
- readonly onSelect: (projectId: Id<"projects">) => void;
}
-const ProjectList = ({ projects, selectedId, onSelect }: ProjectListProps) => {
- const renderContent = () => {
+const ProjectSidebar = ({
+ onProjectSelect,
+ projects,
+ selectedId,
+}: ProjectSidebarProps) => {
+ const renderProjects = () => {
if (projects === undefined) {
- return (
-
Loading projects...
- );
+ return
;
}
if (projects.length === 0) {
return (
-
- Import a repository to create its project artifacts and issue queue.
+
+ Connect a repository to create the first project workspace.
);
}
return (
-
- {projects.map((project) => (
-
- ))}
+
+ {projects.map((project) => {
+ const [source] = project.sources;
+ const selected = selectedId === project.id;
+ return (
+
+ );
+ })}
);
};
return (
-
- );
-};
-
-interface ArtifactGridProps {
- readonly artifacts: readonly Doc<"projectArtifacts">[] | undefined;
-}
-
-const renderArtifacts = (artifacts: ArtifactGridProps["artifacts"]) => {
- if (artifacts === undefined) {
- return
Loading artifacts...
;
- }
- if (artifacts.length === 0) {
- return
No artifacts yet.
;
- }
- return (
-
- {artifacts.map((artifact) => (
-
-
-
{artifact.path}
-
- rev {artifact.revision}
+
+
+
+
+
+
+ Project context stays attached to every issue and run.
+
+
+
+
);
};
-const ArtifactGrid = ({ artifacts }: ArtifactGridProps) => (
-
-
- Project artifacts
-
- {renderArtifacts(artifacts)}
-
-);
-
interface IssueComposerProps {
readonly body: string;
readonly busy: boolean;
- readonly onBodyChange: (value: string) => void;
- readonly onSubmit: () => void;
- readonly onTitleChange: (value: string) => void;
+ readonly onIssueBodyChange: (value: string) => void;
+ readonly onIssueSubmit: () => void;
+ readonly onIssueTitleChange: (value: string) => void;
readonly title: string;
}
const IssueComposer = ({
body,
busy,
- onBodyChange,
- onSubmit,
- onTitleChange,
+ onIssueBodyChange,
+ onIssueSubmit,
+ onIssueTitleChange,
title,
}: IssueComposerProps) => (