ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 10:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

added project page to org dialog

Browse Source 
moved sprint creation/management there
This commit is contained in:
Oliver Bryan
2026-01-12 23:17:25 +00:00
parent 5550030743
commit 8eb65173a6
5 changed files with 202 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
packages/frontend/src/pages/App.tsx
View File

@@ -4,6 +4,7 @@ import type {
IssueResponse,
OrganisationMemberResponse,
OrganisationResponse,
ProjectRecord,
ProjectResponse,
SprintRecord,
UserRecord,
@@ -12,7 +13,6 @@ import { useEffect, useMemo, useRef, useState } from "react";
import { toast } from "sonner";
import AccountDialog from "@/components/account-dialog";
import { CreateIssue } from "@/components/create-issue";
import { CreateSprint } from "@/components/create-sprint";
import { IssueDetailPane } from "@/components/issue-detail-pane";
import { IssuesTable } from "@/components/issues-table";
import LogOutButton from "@/components/log-out-button";
@@ -53,10 +53,6 @@ export default function App() {
const [members, setMembers] = useState<UserRecord[]>([]);
const [sprints, setSprints] = useState<SprintRecord[]>([]);
const isAdmin =
selectedOrganisation?.OrganisationMember.role === "owner" ||
selectedOrganisation?.OrganisationMember.role === "admin";
const deepLinkParams = useMemo(() => {
const params = new URLSearchParams(window.location.search);
const orgSlug = params.get("o")?.trim().toLowerCase() ?? "";
@@ -394,6 +390,43 @@ export default function App() {
}
}, [deepLinkParams, selectedOrganisation, selectedProject]);
const handleProjectChange = (project: ProjectResponse | null) => {
setSelectedProject(project);
localStorage.setItem("selectedProjectId", `${project?.Project.id}`);
setSelectedIssue(null);
updateUrlParams({
projectKey: project?.Project.key.toLowerCase() ?? null,
issueNumber: null,
});
};
const handleProjectCreate = async (project: ProjectRecord) => {
if (!selectedOrganisation) return;
toast.success(`Created Project ${project.name}`, {
dismissible: false,
});
await refetchProjects(selectedOrganisation.Organisation.id, {
selectProjectId: project.id,
});
};
const handleSprintCreate = async (sprint: SprintRecord) => {
if (!selectedProject) return;
toast.success(
<>
Created sprint <span style={{ color: sprint.color }}>{sprint.name}</span>
</>,
{
dismissible: false,
},
);
await refetchSprints(selectedProject.Project.id);
};
return (
<main className={`w-full h-screen flex flex-col gap-${BREATHING_ROOM} p-${BREATHING_ROOM}`}>
{/* header area */}
@@ -427,71 +460,33 @@ export default function App() {
projects={projects}
selectedProject={selectedProject}
organisationId={selectedOrganisation?.Organisation.id}
onSelectedProjectChange={(project) => {
setSelectedProject(project);
localStorage.setItem("selectedProjectId", `${project?.Project.id}`);
setSelectedIssue(null);
updateUrlParams({
projectKey: project?.Project.key.toLowerCase() ?? null,
issueNumber: null,
});
}}
onCreateProject={async (project) => {
if (!selectedOrganisation) return;
toast.success(`Created Project ${project.name}`, {
dismissible: false,
});
await refetchProjects(selectedOrganisation.Organisation.id, {
selectProjectId: project.id,
});
}}
onSelectedProjectChange={handleProjectChange}
onCreateProject={handleProjectCreate}
showLabel
/>
)}
{selectedOrganisation && selectedProject && (
<>
<CreateIssue
projectId={selectedProject?.Project.id}
sprints={sprints}
members={members}
statuses={selectedOrganisation.Organisation.statuses}
completeAction={async (issueNumber) => {
if (!selectedProject) return;
toast.success(
`Created ${issueID(selectedProject.Project.key, issueNumber)}`,
{
dismissible: false,
},
);
await refetchIssues();
}}
errorAction={async (errorMessage) => {
toast.error(`Error creating issue: ${errorMessage}`, {
<CreateIssue
projectId={selectedProject?.Project.id}
sprints={sprints}
members={members}
statuses={selectedOrganisation.Organisation.statuses}
completeAction={async (issueNumber) => {
if (!selectedProject) return;
toast.success(
`Created ${issueID(selectedProject.Project.key, issueNumber)}`,
{
dismissible: false,
});
}}
/>
{isAdmin && (
<CreateSprint
projectId={selectedProject?.Project.id}
completeAction={async (sprint) => {
if (!selectedProject) return;
toast.success(
<>
Created sprint{" "}
<span style={{ color: sprint.color }}>{sprint.name}</span>
</>,
{
dismissible: false,
},
);
await refetchSprints(selectedProject?.Project.id);
}}
/>
)}
</>
},
);
await refetchIssues();
}}
errorAction={async (errorMessage) => {
toast.error(`Error creating issue: ${errorMessage}`, {
dismissible: false,
});
}}
/>
)}
</div>
<div className={`flex gap-${BREATHING_ROOM} items-center`}>
@@ -510,6 +505,12 @@ export default function App() {
selectedOrganisation={selectedOrganisation}
setSelectedOrganisation={setSelectedOrganisation}
refetchOrganisations={refetchOrganisations}
projects={projects}
selectedProject={selectedProject}
sprints={sprints}
onSelectedProjectChange={handleProjectChange}
onCreateProject={handleProjectCreate}
onCreateSprint={handleSprintCreate}
/>
</DropdownMenuItem>
<DropdownMenuItem asChild className="flex items-end justify-end">