From 4756ba0979329673bb7740a54c730cd8a4a3ca2f Mon Sep 17 00:00:00 2001
From: Riz <me@rizrmd.com>
Date: Fri, 8 Dec 2023 04:24:40 +0700
Subject: [PATCH] wip fix

---
 .../ed/panel/side/prop-instance/prop-code.tsx  |  3 +++
 .../ed/panel/side/prop-instance/prop-label.tsx | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 app/web/src/nova/ed/panel/side/prop-instance/prop-code.tsx
 create mode 100644 app/web/src/nova/ed/panel/side/prop-instance/prop-label.tsx

diff --git a/app/web/src/nova/ed/panel/side/prop-instance/prop-code.tsx b/app/web/src/nova/ed/panel/side/prop-instance/prop-code.tsx
new file mode 100644
index 00000000..b2d777aa
--- /dev/null
+++ b/app/web/src/nova/ed/panel/side/prop-instance/prop-code.tsx
@@ -0,0 +1,3 @@
+export const propCode = () => {
+  return <div className="flex">Code</div>;
+};
diff --git a/app/web/src/nova/ed/panel/side/prop-instance/prop-label.tsx b/app/web/src/nova/ed/panel/side/prop-instance/prop-label.tsx
new file mode 100644
index 00000000..0d469bf5
--- /dev/null
+++ b/app/web/src/nova/ed/panel/side/prop-instance/prop-label.tsx
@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { Tooltip } from "../../../../../utils/ui/tooltip";
+
+export const EdPropLabel: FC<{ name: string }> = ({ name }) => {
+  const label = (
+    <div className="pl-1 w-[70px] overflow-hidden text-ellipsis whitespace-nowrap">
+      {name}
+    </div>
+  );
+
+  return name.length > 8 ? (
+    <Tooltip content={name} placement="left" delay={100}>
+      {label}
+    </Tooltip>
+  ) : (
+    label
+  );
+};