30 lines
744 B
TypeScript
30 lines
744 B
TypeScript
import React, { FC, useState } from 'react';
|
|
import { InterpretationButtons } from "./InterpretationButtons";
|
|
import { useSocketStore } from "../../context/socket";
|
|
|
|
export const SidePanelHeader = () => {
|
|
|
|
const [steppingIsDisabled, setSteppingIsDisabled] = useState(true);
|
|
|
|
const { socket } = useSocketStore();
|
|
|
|
const handleStep = () => {
|
|
socket?.emit('step');
|
|
};
|
|
|
|
return (
|
|
<div style={{ width: 'inherit' }}>
|
|
<InterpretationButtons enableStepping={(isPaused) => setSteppingIsDisabled(!isPaused)} />
|
|
{/* <Button
|
|
variant='outlined'
|
|
disabled={steppingIsDisabled}
|
|
onClick={handleStep}
|
|
sx={{marginLeft:'15px'}}
|
|
>
|
|
step
|
|
<FastForward/>
|
|
</Button> */}
|
|
</div>
|
|
);
|
|
};
|