From 4c0b9c09f44e26d7109f3fc904f865964b10a1ee Mon Sep 17 00:00:00 2001
From: Rizky <rizky05@gmail.com>
Date: Thu, 30 Nov 2023 23:25:06 +0700
Subject: [PATCH] wip fix

---
 app/web/src/nova/ed/panel/main/main.tsx           | 5 ++---
 app/web/src/nova/ed/panel/tree/node/item/name.tsx | 2 +-
 app/web/src/nova/ed/panel/tree/node/render.tsx    | 5 +++++
 app/web/src/nova/view/render/meta/children.tsx    | 2 +-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/web/src/nova/ed/panel/main/main.tsx b/app/web/src/nova/ed/panel/main/main.tsx
index 07d008cb..c0c64e25 100644
--- a/app/web/src/nova/ed/panel/main/main.tsx
+++ b/app/web/src/nova/ed/panel/main/main.tsx
@@ -56,7 +56,6 @@ export const EdMain = () => {
                 return false
               },
               set(meta) {
-
                 if (meta.parent_mcomp) {
                   const id = meta.parent_mcomp.mitem.get('id');
 
@@ -64,9 +63,9 @@ export const EdMain = () => {
                     const original_id = meta.parent_mcomp.mitem.get('originalId');
 
                     if (active.comp_id && original_id) {
-                      active.item_id = original_id;
+                      active.hover_id = original_id;
                     } else if (id) {
-                      active.item_id = id;
+                      active.hover_id = id;
                     }
 
                     p.render();
diff --git a/app/web/src/nova/ed/panel/tree/node/item/name.tsx b/app/web/src/nova/ed/panel/tree/node/item/name.tsx
index d0b81ebf..8e0dc3e7 100644
--- a/app/web/src/nova/ed/panel/tree/node/item/name.tsx
+++ b/app/web/src/nova/ed/panel/tree/node/item/name.tsx
@@ -74,7 +74,7 @@ export const EdTreeName = ({
       ) : (
         <div className="flex flex-col">
           <Name name={node.text} is_jsx_prop={is_jsx_prop} />
-          <div className={"text-[9px] text-gray-500 -mt-1"}>{item.id} - {item.originalId}</div>
+          {/* <div className={"text-[9px] text-gray-500 -mt-1"}>{item.id} - {item.originalId}</div> */}
         </div>
       )}
     </div>
diff --git a/app/web/src/nova/ed/panel/tree/node/render.tsx b/app/web/src/nova/ed/panel/tree/node/render.tsx
index ea64583b..ba7b9dc5 100644
--- a/app/web/src/nova/ed/panel/tree/node/render.tsx
+++ b/app/web/src/nova/ed/panel/tree/node/render.tsx
@@ -73,6 +73,11 @@ export const nodeRender: NodeRender<EdMeta> = (node, prm) => {
         p.page.render();
       }}
     >
+      {active.hover_id === item.id && (
+        <div
+          className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-300")}
+        ></div>
+      )}
       {active.item_id === item.id && (
         <div
           className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-500")}
diff --git a/app/web/src/nova/view/render/meta/children.tsx b/app/web/src/nova/view/render/meta/children.tsx
index 82afb3dc..77dac9e4 100644
--- a/app/web/src/nova/view/render/meta/children.tsx
+++ b/app/web/src/nova/view/render/meta/children.tsx
@@ -36,5 +36,5 @@ export const ViewMetaChildren: FC<{
       }
     }
 
-    return <>{item.id}{Object.values(children)}</>;
+    return <>{Object.values(children)}</>;
   };