bug fix

2023-11-07 08:03:35 -05:00
parent 6f5245cbc4
commit cb5b1751c0
7 changed files with 243 additions and 248 deletions
@@ -60,51 +60,47 @@ export default function Dropdown({
    }
  }, [points, dropdownHeight]);

-  return (
-    (!points || pos) && (
-      <ClickAwayHandler
-        onMount={(e) => {
-          setDropdownHeight(e.height);
-          setDropdownWidth(e.width);
-        }}
-        style={
-          points
-            ? {
-                position: "fixed",
-                top: `${pos?.y}px`,
-                left: `${pos?.x}px`,
-              }
-            : undefined
-        }
-        onClickOutside={onClickOutside}
-        className={`${
-          className || ""
-        } py-1 shadow-md border border-sky-100 dark:border-neutral-700 bg-gray-50 dark:bg-neutral-800 rounded-md flex flex-col z-20`}
-      >
-        {items.map((e, i) => {
-          const inner = e && (
-            <div className="cursor-pointer rounded-md">
-              <div className="flex items-center gap-2 py-1 px-2 hover:bg-slate-200 dark:hover:bg-neutral-700 duration-100">
-                <p className="text-black dark:text-white select-none">
-                  {e.name}
-                </p>
-              </div>
+  return !points || pos ? (
+    <ClickAwayHandler
+      onMount={(e) => {
+        setDropdownHeight(e.height);
+        setDropdownWidth(e.width);
+      }}
+      style={
+        points
+          ? {
+              position: "fixed",
+              top: `${pos?.y}px`,
+              left: `${pos?.x}px`,
+            }
+          : undefined
+      }
+      onClickOutside={onClickOutside}
+      className={`${
+        className || ""
+      } py-1 shadow-md border border-sky-100 dark:border-neutral-700 bg-gray-50 dark:bg-neutral-800 rounded-md flex flex-col z-20`}
+    >
+      {items.map((e, i) => {
+        const inner = e && (
+          <div className="cursor-pointer rounded-md">
+            <div className="flex items-center gap-2 py-1 px-2 hover:bg-slate-200 dark:hover:bg-neutral-700 duration-100">
+              <p className="text-black dark:text-white select-none">{e.name}</p>
            </div>
-          );
+          </div>
+        );

-          return e && e.href ? (
-            <Link key={i} href={e.href}>
+        return e && e.href ? (
+          <Link key={i} href={e.href}>
+            {inner}
+          </Link>
+        ) : (
+          e && (
+            <div key={i} onClick={e.onClick}>
              {inner}
-            </Link>
-          ) : (
-            e && (
-              <div key={i} onClick={e.onClick}>
-                {inner}
-              </div>
-            )
-          );
-        })}
-      </ClickAwayHandler>
-    )
-  );
+            </div>
+          )
+        );
+      })}
+    </ClickAwayHandler>
+  ) : null;
 }