Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add button to toggle kill option after pressing stop once

Browse source
This commit is contained in:
Dane Everitt 2019-09-28 13:17:51 -07:00
parent 326d346f92
commit 79571e1928
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 24 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
resources/scripts/components/server/ServerConsole.tsx
View file

@ -16,6 +16,29 @@ const GreyBox = styled.div`
const ChunkedConsole = lazy(() => import('@/components/server/Console'));
const StopOrKillButton = ({ onPress }: { onPress: (action: string) => void }) => {
const [ clicked, setClicked ] = useState(false);
const status = ServerContext.useStoreState(state => state.status.value);
useEffect(() => {
setClicked(state => ['stopping'].indexOf(status) < 0 ? false : state);
}, [status]);
return (
<button
className={'btn btn-red btn-xs'}
disabled={status === 'offline'}
onClick={e => {
e.preventDefault();
onPress(clicked ? 'kill' : 'stop');
setClicked(true);
}}
>
{clicked ? 'Kill' : 'Stop'}
</button>
);
};
export default () => {
const [ memory, setMemory ] = useState(0);
const [ cpu, setCpu ] = useState(0);
@ -114,16 +137,7 @@ export default () => {
>
Restart
</button>
<button
className={'btn btn-red btn-xs'}
disabled={status === 'offline'}
onClick={e => {
e.preventDefault();
sendPowerCommand(status === 'stopping' ? 'kill' : 'stop');
}}
>
Stop
</button>
<StopOrKillButton onPress={action => sendPowerCommand(action)}/>
</GreyBox>
</div>
<React.Suspense