d0bcae82f2
* change(ui) - player - back button spacing * change(ui) - onboarding - changes * change(ui) - onboarding - changes * change(ui) - integrations gap-4 * change(ui) - install script copy button styles * change(ui) - copy button in account settings * fix(ui) - error details modal loader position * change(ui) - share popup styles * change(ui) - player improvements * change(ui) - player improvements - playback speed with menu * change(ui) - player improvements - current timezone * change(ui) - player improvements - autoplay options
21 lines
687 B
TypeScript
21 lines
687 B
TypeScript
import React from 'react';
|
|
import { Toggler } from 'UI';
|
|
import { PlayerContext } from 'App/components/Session/playerContext';
|
|
import { observer } from 'mobx-react-lite';
|
|
|
|
function AutoplayToggle() {
|
|
const { player, store } = React.useContext(PlayerContext)
|
|
const { autoplay } = store.get()
|
|
|
|
return (
|
|
<div
|
|
onClick={() => player.toggleAutoplay()}
|
|
className="cursor-pointer flex items-center mr-2 hover:bg-gray-light-shade rounded-md p-2"
|
|
>
|
|
<Toggler name="sessionsLive" onChange={() => player.toggleAutoplay()} checked={autoplay} />
|
|
<span className="ml-2 whitespace-nowrap">Auto-Play</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default observer(AutoplayToggle);
|