From 3fb66f30d47bfeb1b036402b951c95770335d3ed Mon Sep 17 00:00:00 2001
From: Luke <39926192+LukeWasTakenn@users.noreply.github.com>
Date: Mon, 30 Jan 2023 19:22:45 +0100
Subject: [PATCH] refactor(web/menu): radial menu item onClick

---
 web/src/features/menu/radial/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/features/menu/radial/index.tsx b/web/src/features/menu/radial/index.tsx
index 638f6fe..b700495 100644
--- a/web/src/features/menu/radial/index.tsx
+++ b/web/src/features/menu/radial/index.tsx
@@ -78,9 +78,10 @@ const RadialMenu: React.FC = () => {
     setVisible(true);
   });
 
-  const handleItemClick = (index: number) => {
-    // fetchNui('planetClick', index)
-    // setVisible(false);
+  const handleClick = (index: number) => {
+    fetchNui('radialClick', index);
+    // TODO: shouldClose
+    setVisible(false);
   };
 
   return (
@@ -103,7 +104,11 @@ const RadialMenu: React.FC = () => {
 
               return (
                 <>
-                  <g transform={`rotate(-${index * pieAngle} 175 175)`} className={classes.sector}>
+                  <g
+                    transform={`rotate(-${index * pieAngle} 175 175)`}
+                    className={classes.sector}
+                    onClick={() => handleClick(index)}
+                  >
                     <path
                       d={`M175.01,175.01 l175,0 A175.01,175.01 0 0,0 ${175 + 175 * Math.cos(-degToRad(pieAngle))}, ${
                         175 + 175 * Math.sin(-degToRad(pieAngle))