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

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