Spaces:
Running
Running
Update App.tsx
Browse files
App.tsx
CHANGED
|
@@ -32,7 +32,11 @@ let id = 1000;
|
|
| 32 |
const getId = () => `${id++}`;
|
| 33 |
|
| 34 |
// --- MAIN BUILDER CONTENT ---
|
| 35 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
const reactFlowWrapper = useRef<HTMLDivElement>(null);
|
| 37 |
const [nodes, setNodes, onNodesChange] = useNodesState(INITIAL_NODES);
|
| 38 |
const [edges, setEdges, onEdgesChange] = useEdgesState(INITIAL_EDGES);
|
|
@@ -357,6 +361,7 @@ const Builder = () => {
|
|
| 357 |
<Sidebar
|
| 358 |
onOpenAIBuilder={() => isConnected ? setIsAIBuilderOpen(true) : setIsApiKeyModalOpen(true)}
|
| 359 |
onSelectTemplate={(id) => id === 'menu' ? setIsTemplateMenuOpen(true) : loadTemplate(id)}
|
|
|
|
| 360 |
isConnected={isConnected}
|
| 361 |
isOpen={isSidebarOpen}
|
| 362 |
onToggle={() => setIsSidebarOpen(!isSidebarOpen)}
|
|
@@ -564,7 +569,7 @@ const Main = () => {
|
|
| 564 |
|
| 565 |
return (
|
| 566 |
<ReactFlowProvider>
|
| 567 |
-
<Builder />
|
| 568 |
</ReactFlowProvider>
|
| 569 |
);
|
| 570 |
};
|
|
|
|
| 32 |
const getId = () => `${id++}`;
|
| 33 |
|
| 34 |
// --- MAIN BUILDER CONTENT ---
|
| 35 |
+
interface BuilderProps {
|
| 36 |
+
onBackToHome: () => void;
|
| 37 |
+
}
|
| 38 |
+
|
| 39 |
+
const Builder: React.FC<BuilderProps> = ({ onBackToHome }) => {
|
| 40 |
const reactFlowWrapper = useRef<HTMLDivElement>(null);
|
| 41 |
const [nodes, setNodes, onNodesChange] = useNodesState(INITIAL_NODES);
|
| 42 |
const [edges, setEdges, onEdgesChange] = useEdgesState(INITIAL_EDGES);
|
|
|
|
| 361 |
<Sidebar
|
| 362 |
onOpenAIBuilder={() => isConnected ? setIsAIBuilderOpen(true) : setIsApiKeyModalOpen(true)}
|
| 363 |
onSelectTemplate={(id) => id === 'menu' ? setIsTemplateMenuOpen(true) : loadTemplate(id)}
|
| 364 |
+
onBackToHome={onBackToHome}
|
| 365 |
isConnected={isConnected}
|
| 366 |
isOpen={isSidebarOpen}
|
| 367 |
onToggle={() => setIsSidebarOpen(!isSidebarOpen)}
|
|
|
|
| 569 |
|
| 570 |
return (
|
| 571 |
<ReactFlowProvider>
|
| 572 |
+
<Builder onBackToHome={() => setShowLanding(true)} />
|
| 573 |
</ReactFlowProvider>
|
| 574 |
);
|
| 575 |
};
|