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

refactor(web/skillcheck): move visibility into it's own state

Browse Source
This commit is contained in:
Luke
2022-10-15 21:39:46 +02:00
committed by Luke
parent d5437e070c
commit 61092d7c3c
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/features/skillcheck/indicator.tsx
View File

@@ -8,10 +8,11 @@ interface Props {
angle: number;
offset: number;
multiplier: number;
setVisible: React.Dispatch<React.SetStateAction<boolean>>;
setSkillCheck: React.Dispatch<React.SetStateAction<SkillCheckProps>>;
}
const Indicator: React.FC<Props> = ({ angle, offset, multiplier, setSkillCheck }) => {
const Indicator: React.FC<Props> = ({ angle, offset, multiplier, setSkillCheck, setVisible }) => {
const [indicatorAngle, setIndicatorAngle] = useState(-90);
const intervalRef = useRef<NodeJS.Timer | null>(null);
const isKeyPressed = useKeyPress('e');
@@ -30,7 +31,7 @@ const Indicator: React.FC<Props> = ({ angle, offset, multiplier, setSkillCheck }
if (intervalRef.current && indicatorAngle + 90 >= 360) {
clearInterval(intervalRef.current);
fetchNui('skillCheckOver', { success: false });
setSkillCheck((prevState) => ({ ...prevState, visible: false }));
setVisible(false);
}
if (isKeyPressed && intervalRef.current) {
@@ -40,7 +41,7 @@ const Indicator: React.FC<Props> = ({ angle, offset, multiplier, setSkillCheck }
} else {
fetchNui('skillCheckOver', { success: true });
}
setSkillCheck((prevState) => ({ ...prevState, visible: false }));
setVisible(false);
}
}, [indicatorAngle, isKeyPressed]);