feat(ui): rework add node select

- `space` and `/` open floating add node select
- improved filter logic (partial word matches)
This commit is contained in:
psychedelicious
2023-08-19 17:46:16 +10:00
parent a9fdc77edd
commit 4be4fc6731
9 changed files with 284 additions and 381 deletions

View File

@@ -9,6 +9,7 @@ import 'reactflow/dist/style.css';
import NodeEditorPanelGroup from './sidePanel/NodeEditorPanelGroup';
import { Flow } from './flow/Flow';
import { AnimatePresence, motion } from 'framer-motion';
import AddNodePopover from './flow/AddNodePopover/AddNodePopover';
const NodeEditor = () => {
const [isPanelCollapsed, setIsPanelCollapsed] = useState(false);
@@ -57,9 +58,10 @@ const NodeEditor = () => {
opacity: 0,
transition: { duration: 0.2 },
}}
style={{ width: '100%', height: '100%' }}
style={{ position: 'relative', width: '100%', height: '100%' }}
>
<Flow />
<AddNodePopover />
</motion.div>
)}
</AnimatePresence>