mirror of
https://github.com/johndoe6345789/AutoMetabuilder.git
synced 2026-04-24 13:54:59 +00:00
6e9ff896e7
- Created custom hooks: useWorkflowGraph, useWorkflowPlugins, usePluginSearch, useTabNavigation - Decomposed canvas logic into: useCanvasNodes, useCanvasEdges, useCanvasDragDrop - Built atomic node components: NodeHeader, NodeBody, NodePorts - Created canvas UI components: CanvasInfoPanel, CanvasHintPanel - Split builder into: LoadingState, ErrorState, WorkflowBuilderHeader, WorkflowBuilderTabs, WorkflowBuilderContent - Added React Flow for n8n-style visual canvas with drag-and-drop - All components now under 100 LOC following PROMPT.md guidelines Co-authored-by: johndoe6345789 <224850594+johndoe6345789@users.noreply.github.com>
12 lines
322 B
TypeScript
12 lines
322 B
TypeScript
import { useState, useCallback } from "react";
|
|
|
|
export function useTabNavigation(initialTab = 0) {
|
|
const [selectedTab, setSelectedTab] = useState(initialTab);
|
|
|
|
const handleTabChange = useCallback((_: unknown, newValue: number) => {
|
|
setSelectedTab(newValue);
|
|
}, []);
|
|
|
|
return { selectedTab, handleTabChange };
|
|
}
|