bunny-lab/Borealis-Github-Replica
1
0
Fork 0
mirror of https://github.com/bunny-lab-io/Borealis.git synced 2025-09-11 06:28:43 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #18 from bunny-lab-io/codex/modify-status-bar-parent-to-flow-editor

Browse Source 
Move status bar inside workflow editor
This commit is contained in:
Nicole Rappe
2025-08-09 21:42:07 -06:00
committed by GitHub
parent 8365b581e8 3427b0448a
commit 2cd03f614a
1 changed files with 36 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
Data/Server/WebUI/src/App.jsx
View File

@@ -226,47 +226,50 @@ export default function App() {
case "workflow-editor": case "workflow-editor":
return ( return (
<Box sx={{ display: "flex", flexGrow: 1, overflow: "hidden" }}> <Box sx={{ display: "flex", flexDirection: "column", flexGrow: 1, overflow: "hidden" }}>
<NodeSidebar <Box sx={{ display: "flex", flexGrow: 1, overflow: "hidden" }}>
categorizedNodes={categorizedNodes} <NodeSidebar
handleExportFlow={() => {}} categorizedNodes={categorizedNodes}
handleImportFlow={() => {}} handleExportFlow={() => {}}
handleOpenCloseAllDialog={() => {}} handleImportFlow={() => {}}
fileInputRef={fileInputRef} handleOpenCloseAllDialog={() => {}}
onFileInputChange={() => {}} fileInputRef={fileInputRef}
/> onFileInputChange={() => {}}
<Box sx={{ display: "flex", flexDirection: "column", flexGrow: 1, overflow: "hidden" }}> />
<Box sx={{ display: "flex", flexDirection: "column", flexGrow: 1, overflow: "hidden" }}>
<FlowTabs <FlowTabs
tabs={tabs} tabs={tabs}
activeTabId={activeTabId} activeTabId={activeTabId}
onTabChange={setActiveTabId} onTabChange={setActiveTabId}
onAddTab={() => {}} onAddTab={() => {}}
onTabRightClick={handleTabRightClick} onTabRightClick={handleTabRightClick}
/> />
<Box sx={{ flexGrow: 1, position: "relative" }}> <Box sx={{ flexGrow: 1, position: "relative" }}>
{tabs.map((tab) => ( {tabs.map((tab) => (
<Box <Box
key={tab.id} key={tab.id}
sx={{ sx={{
position: "absolute", top: 0, bottom: 0, left: 0, right: 0, position: "absolute", top: 0, bottom: 0, left: 0, right: 0,
display: tab.id === activeTabId ? "block" : "none" display: tab.id === activeTabId ? "block" : "none"
}} }}
> >
<ReactFlowProvider id={tab.id}> <ReactFlowProvider id={tab.id}>
<FlowEditor <FlowEditor
flowId={tab.id} flowId={tab.id}
nodes={tab.nodes} nodes={tab.nodes}
edges={tab.edges} edges={tab.edges}
setNodes={(val) => handleSetNodes(val, tab.id)} setNodes={(val) => handleSetNodes(val, tab.id)}
setEdges={(val) => handleSetEdges(val, tab.id)} setEdges={(val) => handleSetEdges(val, tab.id)}
nodeTypes={nodeTypes} nodeTypes={nodeTypes}
categorizedNodes={categorizedNodes} categorizedNodes={categorizedNodes}
/> />
</ReactFlowProvider> </ReactFlowProvider>
</Box> </Box>
))} ))}
</Box>
</Box> </Box>
</Box> </Box>
<StatusBar />
</Box> </Box>
); );
@@ -312,7 +315,6 @@ export default function App() {
{renderMainContent()} {renderMainContent()}
</Box> </Box>
</Box> </Box>
<StatusBar />
</Box> </Box>
<CloseAllDialog open={confirmCloseOpen} onClose={() => setConfirmCloseOpen(false)} onConfirm={() => {}} /> <CloseAllDialog open={confirmCloseOpen} onClose={() => setConfirmCloseOpen(false)} onConfirm={() => {}} />
<CreditsDialog open={creditsDialogOpen} onClose={() => setCreditsDialogOpen(false)} /> <CreditsDialog open={creditsDialogOpen} onClose={() => setCreditsDialogOpen(false)} />