diff --git a/src/components/ExpressionRunner.tsx b/src/components/ExpressionRunner.tsx index 291e5acb0..8470457f4 100644 --- a/src/components/ExpressionRunner.tsx +++ b/src/components/ExpressionRunner.tsx @@ -241,7 +241,6 @@ const ExpressionRunner = ({ isFastForwarding: false, isPlaying: false }) - const [playClicked, setPlayClicked] = useState(false) const actions = getActions({ speed, interval, @@ -360,8 +359,6 @@ const ExpressionRunner = ({ onResetClick={actions.reset} skipToTheEnd={skipToTheEnd} onPauseClick={actions.pause} - playClicked={playClicked} - setPlayClicked={setPlayClicked} /> )} diff --git a/src/components/ExpressionRunnerControls.tsx b/src/components/ExpressionRunnerControls.tsx index 98b320061..52e9e31b1 100644 --- a/src/components/ExpressionRunnerControls.tsx +++ b/src/components/ExpressionRunnerControls.tsx @@ -55,8 +55,6 @@ interface ExpressionRunnerControlsProps { onResetClick: () => void onSkipToTheEndClick: () => void onPauseClick: () => void - playClicked: boolean - setPlayClicked: React.Dispatch> } const noOp = () => { @@ -86,8 +84,8 @@ const ButtonPlaceholder = ({ /> ) -const sideButtonsWidth = 24 -const centerButtonWidth = 48 +const sideButtonsWidth = 26 +const centerButtonWidth = 44 const ExpressionRunnerControls = ({ canStepForward, @@ -101,18 +99,8 @@ const ExpressionRunnerControls = ({ onPauseClick, onSkipToTheEndClick, skipToTheEnd, - isDone, - playClicked, - setPlayClicked + isDone }: ExpressionRunnerControlsProps) => { - const onAutoClickWrapper = () => { - setPlayClicked(true) - onAutoClick() - } - const onResetClickWrapper = () => { - setPlayClicked(false) - onResetClick() - } return (
- {!isPlaying && canStepForward && playClicked && !skipToTheEnd ? ( + {!isPlaying && canStepForward && !skipToTheEnd ? (