ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-07 18:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

better structure for main body

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-08 17:53:29 +00:00
parent c4cfe23cd2
commit 528e41bd92
1 changed files with 33 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
packages/frontend/src/Index.tsx
View File

@@ -295,47 +295,40 @@ function Index() {
</div>
{/* main body */}
<div className={`w-full h-full flex items-start justify-between gap-${BREATHING_ROOM}`}>
{selectedProject && issues.length > 0 && (
<ResizablePanelGroup>
<ResizablePanel id={"left"} minSize={400}>
{/* issues list (table) */}
<IssuesTable
issuesData={issues}
columns={{ description: false }}
issueSelectAction={(issue) => {
if (issue.Issue.id === selectedIssue?.Issue.id) setSelectedIssue(null);
else setSelectedIssue(issue);
}}
className="border w-full flex-shrink"
/>
</ResizablePanel>
{selectedProject && issues.length > 0 && (
<ResizablePanelGroup className={`flex-1`}>
<ResizablePanel id={"left"} minSize={400}>
{/* issues list (table) */}
<IssuesTable
issuesData={issues}
columns={{ description: false }}
issueSelectAction={(issue) => {
if (issue.Issue.id === selectedIssue?.Issue.id) setSelectedIssue(null);
else setSelectedIssue(issue);
}}
className="border w-full flex-shrink"
/>
</ResizablePanel>
{/* issue detail pane */}
{selectedIssue && selectedOrganisation && (
<>
<ResizableSeparator />
<ResizablePanel
id={"right"}
defaultSize={"30%"}
minSize={360}
maxSize={"60%"}
>
<div className="border">
<IssueDetailPane
project={selectedProject}
issueData={selectedIssue}
members={members}
close={() => setSelectedIssue(null)}
onIssueUpdate={refetchIssues}
/>
</div>
</ResizablePanel>
</>
)}
</ResizablePanelGroup>
)}
</div>
{/* issue detail pane */}
{selectedIssue && selectedOrganisation && (
<>
<ResizableSeparator />
<ResizablePanel id={"right"} defaultSize={"30%"} minSize={360} maxSize={"60%"}>
<div className="border">
<IssueDetailPane
project={selectedProject}
issueData={selectedIssue}
members={members}
close={() => setSelectedIssue(null)}
onIssueUpdate={refetchIssues}
/>
</div>
</ResizablePanel>
</>
)}
</ResizablePanelGroup>
)}
{/* <LogOutButton /> */}
</main>