github/SlimeVR-Server
1
1
Fork 0
mirror of https://github.com/SlimeVR/SlimeVR-Server.git synced 2026-04-06 02:01:58 +02:00
Code Issues 161 Packages Projects Releases Wiki Activity

Fix/gui reset all (#298)

Browse Source
This commit is contained in:
lucas lelievre
2022-11-24 21:59:50 +01:00
committed by GitHub
parent 0a2d5674f7
commit bb4861635d
2 changed files with 39 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
gui/src/components/onboarding/pages/body-proportions/AutomaticProportions.tsx
View File

@@ -1,8 +1,11 @@
import { useState } from 'react';
import { RpcMessage, SkeletonResetAllRequestT } from 'solarxr-protocol';
import {
AutoboneContextC,
useProvideAutobone,
} from '../../../../hooks/autobone';
import { useOnboarding } from '../../../../hooks/onboarding';
import { useWebsocketAPI } from '../../../../hooks/websocket-api';
import { ArrowLink } from '../../../commons/ArrowLink';
import { Button } from '../../../commons/Button';
import { Typography } from '../../../commons/Typography';
@@ -10,10 +13,24 @@ import { AutoboneStepper } from './AutoboneStepper';
export function AutomaticProportionsPage() {
const { applyProgress, skipSetup, state } = useOnboarding();
const { sendRPCPacket } = useWebsocketAPI();
const context = useProvideAutobone();
const [resetDisabled, setResetDisabled] = useState(false);
applyProgress(0.9);
const resetAll = () => {
sendRPCPacket(
RpcMessage.SkeletonResetAllRequest,
new SkeletonResetAllRequestT()
);
setResetDisabled(true);
setTimeout(() => {
setResetDisabled(false);
}, 3000);
};
return (
<AutoboneContextC.Provider value={context}>
<div className="flex flex-col gap-5 h-full items-center w-full justify-center">
@@ -42,12 +59,19 @@ export function AutomaticProportionsPage() {
</div>
</div>
<div className="w-full pb-4 flex flex-row">
<div className="flex flex-grow">
<div className="flex flex-grow gap-3">
{!state.alonePage && (
<Button variant="secondary" to="/" onClick={skipSetup}>
Skip setup
</Button>
)}
<Button
variant="secondary"
onClick={resetAll}
disabled={resetDisabled}
>
Reset all proportions
</Button>
</div>
<div className="flex gap-3">
<Button

15
gui/src/components/onboarding/pages/body-proportions/ManualProportions.tsx
View File

@@ -1,5 +1,7 @@
import { useForm } from 'react-hook-form';
import { RpcMessage, SkeletonResetAllRequestT } from 'solarxr-protocol';
import { useOnboarding } from '../../../../hooks/onboarding';
import { useWebsocketAPI } from '../../../../hooks/websocket-api';
import { ArrowLink } from '../../../commons/ArrowLink';
import { Button } from '../../../commons/Button';
import { CheckBox } from '../../../commons/Checkbox';
@@ -9,6 +11,7 @@ import { BodyProportions } from './BodyProportions';
export function ManualProportionsPage() {
const { applyProgress, skipSetup, state } = useOnboarding();
const { sendRPCPacket } = useWebsocketAPI();
applyProgress(0.9);
@@ -17,6 +20,13 @@ export function ManualProportionsPage() {
});
const { precise } = watch();
const resetAll = () => {
sendRPCPacket(
RpcMessage.SkeletonResetAllRequest,
new SkeletonResetAllRequestT()
);
};
return (
<>
<div className="flex flex-col gap-5 h-full items-center w-full justify-center">
@@ -50,12 +60,15 @@ export function ManualProportionsPage() {
</div>
</div>
<div className="w-full py-4 flex flex-row">
<div className="flex flex-grow">
<div className="flex flex-grow gap-3">
{!state.alonePage && (
<Button variant="secondary" to="/" onClick={skipSetup}>
Skip setup
</Button>
)}
<Button variant="secondary" onClick={resetAll}>
Reset all proportions
</Button>
</div>
<div className="flex gap-3">
<Button