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

feat(nui): Allow changing position of circle progressbar

Browse Source
This commit is contained in:
Luke
2022-03-19 10:32:10 +01:00
parent a6fe8ae5af
commit c9ae4a24fa
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/CircleProgressbar.tsx
View File

@@ -11,6 +11,7 @@ import { fetchNui } from "../utils/fetchNui";
interface Props {
duration: number;
position?: "middle" | "bottom";
}
// debugData([
@@ -25,6 +26,7 @@ interface Props {
const CircleProgressbar: React.FC = () => {
const [visible, setVisible] = React.useState(false);
const [progressDuration, setProgressDuration] = React.useState(0);
const [position, setPosition] = React.useState<"middle" | "bottom">("middle");
const [value, setValue] = React.useState(0);
const [cancelled, setCancelled] = React.useState(false);
@@ -49,6 +51,7 @@ const CircleProgressbar: React.FC = () => {
setVisible(true);
setValue(0);
setProgressDuration(data.duration);
setPosition(data.position || "middle");
const onePercent = data.duration * 0.01;
const updateProgress = setInterval(() => {
setValue((previousValue) => {
@@ -61,7 +64,7 @@ const CircleProgressbar: React.FC = () => {
return (
<Flex
h="20%"
h={position === "middle" ? "100%" : "20%"}
w="100%"
position="absolute"
bottom="0"