display menu bugfix

app/src/components/ui/menu/EditWidgetOption.tsx

@@ -1,34 +1,51 @@
 import React, { useEffect } from "react";
-import { useLeftData, useRightSelected, useTopData } from "../../../store/useZone3DWidgetStore";
+import {
+  useEditWidgetOptionsStore,
+  useLeftData,
+  useRightClickSelected,
+  useRightSelected,
+  useTopData,
+} from "../../../store/useZone3DWidgetStore";
 
 interface EditWidgetOptionProps {
+  setWidgetSelect: any;
   options: string[];
 }
 
-const EditWidgetOption: React.FC<EditWidgetOptionProps> = ({ options }) => {
-  const { top, setTop } = useTopData()
-  const { left, setLeft } = useLeftData()
-  const { rightSelect, setRightSelect } = useRightSelected()
+const EditWidgetOption: React.FC<EditWidgetOptionProps> = ({
+  setWidgetSelect,
+  options,
+}) => {
+  const { top, setTop } = useTopData();
+  const { left, setLeft } = useLeftData();
+  const { rightSelect, setRightSelect } = useRightSelected();
+  const { setEditWidgetOptions } = useEditWidgetOptionsStore();
 
   useEffect(() => {
-
-    console.log('left: ', left);
-    console.log('top: ', top);
-  }, [top, left])
+    console.log("left: ", left);
+    console.log("top: ", top);
+  }, [top, left]);
 
   return (
-    <div className="editWidgetOptions-wrapper"
+    <div
+      className="editWidgetOptions-wrapper"
       style={{
         position: "absolute",
         top: `${top}px`,
         left: `${left}px`,
         zIndex: 10000,
-        
       }}
     >
       <div className="editWidgetOptions">
         {options.map((option, index) => (
-          <div className="option" key={index} onClick={(e) => setRightSelect(option)}>
+          <div
+            className="option"
+            key={index}
+            onClick={(e) => {
+              setRightSelect(option);
+              setEditWidgetOptions(false);
+            }}
+          >
             {option}
           </div>
         ))}