update 10/9

src/nodes/NoteFlow.tsx

@@ -89,18 +89,25 @@ const NoteFlow = () => {
   const [showPopup, setShowPopup] = useState(false);
   const [selectedNodeContent, setSelectedNodeContent] = useState('');
   const [addNodeCallback, setAddNodeCallback] = useState(() => () => {});
+  const [isTabbarVisible, setIsTabbarVisible] = useState(false);
 
   const handleAddNoteClick = () => {
     setShowTabBar(true);
+    setIsTabbarVisible(true);
     setAddNodeCallback(() => (selectedNode) => {
       addNodeBetween(selectedNode, sourceId, targetId);
     });
   };
+  const closeTabbar = () => {
+    console.log('aaa');
+    setIsTabbarVisible(false); // Ẩn tabbar khi click close
+  };
 
   const onNodeClick = (event, node) => {
     if (node.id === '2') {
       // Check if the clicked node is "Add Note"
       setShowTabBar(true);
+      setIsTabbarVisible(true);
     } else {
       // Hiển thị popup khi click vào bất kỳ node nào
       const content = nodeContents[node.key]; // Lấy nội dung tương ứng của node
@@ -349,7 +356,9 @@ const NoteFlow = () => {
         <Background variant={BackgroundVariant.Lines} color='#ccccc' />
       </ReactFlow>
 
-      {showTabBar && <Tabbar addNode={addNode} />}
+      {isTabbarVisible && (
+        <Tabbar addNode={addNode} closeTabbar={closeTabbar} />
+      )}
 
       {nodeToDelete && (
         <div