FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 15:06:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web/menu): improve radial menu transitions

Browse Source
This commit is contained in:
Luke
2023-02-07 13:46:13 +01:00
parent fbd9832c9c
commit de7cf1ccef
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/features/menu/radial/index.tsx
View File

@@ -74,12 +74,6 @@ const RadialMenu: React.FC = () => {
setMenu({ ...menu, items: data });
});
const handleClick = async (index: number) => {
fetchNui('radialClick', index);
// TODO: shouldClose
setVisible(false);
};
return (
<>
<Box className={classes.wrapper}>
@@ -102,7 +96,7 @@ const RadialMenu: React.FC = () => {
<g
transform={`rotate(-${index * pieAngle} 175 175)`}
className={classes.sector}
onClick={() => handleClick(index)}
onClick={() => fetchNui('radialClick', index)}
>
<path
d={`M175.01,175.01 l175,0 A175.01,175.01 0 0,0 ${175 + 175 * Math.cos(-degToRad(pieAngle))}, ${
@@ -130,8 +124,7 @@ const RadialMenu: React.FC = () => {
<g
transform={`translate(175, 175)`}
onClick={() => {
setVisible(false);
menu.sub && fetchNui('radialBack');
menu.sub ? fetchNui('radialBack') : setVisible(false);
}}
>
<circle r={30} className={classes.centerCircle} />