From d4919e757e0c96590e58e8f79af3f8076e1272a3 Mon Sep 17 00:00:00 2001
From: Rizky <rizky05@gmail.com>
Date: Sun, 10 Mar 2024 08:31:30 +0700
Subject: [PATCH] wip fix

---
 app/web/src/nova/ed/panel/header/mid/comp-picker.tsx | 6 +++---
 app/web/src/nova/ed/panel/popup/comp/comp-popup.tsx  | 3 +--
 app/web/src/nova/ed/panel/popup/comp/comp-tree.tsx   | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/web/src/nova/ed/panel/header/mid/comp-picker.tsx b/app/web/src/nova/ed/panel/header/mid/comp-picker.tsx
index bb81747f..f0efa7dc 100644
--- a/app/web/src/nova/ed/panel/header/mid/comp-picker.tsx
+++ b/app/web/src/nova/ed/panel/header/mid/comp-picker.tsx
@@ -71,9 +71,9 @@ export const EdCompPicker = () => {
     p.render();
   };
 
-  useEffect(() => {
-    activatePopup();
-  }, []);
+  // useEffect(() => {
+  //   activatePopup();
+  // }, []);
 
   return (
     <TopBtn
diff --git a/app/web/src/nova/ed/panel/popup/comp/comp-popup.tsx b/app/web/src/nova/ed/panel/popup/comp/comp-popup.tsx
index f22efc9e..8c78e62e 100644
--- a/app/web/src/nova/ed/panel/popup/comp/comp-popup.tsx
+++ b/app/web/src/nova/ed/panel/popup/comp/comp-popup.tsx
@@ -11,10 +11,9 @@ import { fuzzy } from "../../../../../utils/ui/fuzzy";
 import { Loading } from "../../../../../utils/ui/loading";
 import { Modal } from "../../../../../utils/ui/modal";
 import { EDGlobal, active } from "../../../logic/ed-global";
-import { EdCompPreview } from "./comp-preview";
+import { EdCompImport } from "./comp-import";
 import { compPicker, reloadCompPicker } from "./comp-reload";
 import { CompItem, edPageTreeRender } from "./comp-tree";
-import { EdCompImport } from "./comp-import";
 
 export const EdPopComp = () => {
   const p = useGlobal(EDGlobal, "EDITOR");
diff --git a/app/web/src/nova/ed/panel/popup/comp/comp-tree.tsx b/app/web/src/nova/ed/panel/popup/comp/comp-tree.tsx
index 856a56ff..16fe9c9a 100644
--- a/app/web/src/nova/ed/panel/popup/comp/comp-tree.tsx
+++ b/app/web/src/nova/ed/panel/popup/comp/comp-tree.tsx
@@ -250,7 +250,7 @@ const Pic: FC<{ name: string }> = ({ name }) => {
   return (
     <div
       className={cx(
-        "capitalize text-center flex items-center justify-center",
+        "capitalize text-center flex items-center justify-center font-black",
         css`
           height: 50px;
           background-color: ${bg};