TRX/ox_lib
1
0 Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-11-06 06:35:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web/menu): properly align circle menu labels

Browse Source
This commit is contained in:
Luke committed 2023-01-21 22:01:22 +01:00
1 parent 6c9d3d21cc
commit 1be71ea6ba
1 file changed
+3 -6
Download Patch File Download Diff File Expand all files Collapse all files
web/src/features/menu/planet/index.tsx
+3 -6
View File
@@ -138,13 +138,10 @@ const PlanetMenu: React.FC = () => {
{menu.items.map((item, index) => {
// TODO: center labels and icon inside sector
const pieAngle = 360 / menu.items.length;
const startAngle = index * pieAngle;
const endAngle = startAngle + pieAngle;
console.log(startAngle + endAngle / 2);
const angle = degToRad((startAngle + endAngle) / 2);
const angle = degToRad(pieAngle / 2 + 90);
const radius = 250 / 2;
const iconX = Math.sin(angle) * radius;
const iconY = Math.cos(angle) * radius;
const iconX = 250 + Math.sin(angle) * radius;
const iconY = 250 + Math.cos(angle) * radius;
return (
<>