96453e96e5
* feat(ui): rework for player look * remove unused code * move summary button and block inside xray * move class * fixup mobile controls panel * change notes, change xray feat selection
32 lines
834 B
TypeScript
32 lines
834 B
TypeScript
import React from 'react';
|
|
import { Popover, Button } from 'antd';
|
|
import { FullscreenOutlined } from '@ant-design/icons';
|
|
import { PlaySessionInFullscreenShortcut } from 'Components/Session_/Player/Controls/components/KeyboardHelp';
|
|
|
|
interface IProps {
|
|
size: number;
|
|
onClick: () => void;
|
|
customClasses: string;
|
|
}
|
|
|
|
export function FullScreenButton({ size = 18, onClick }: IProps) {
|
|
return (
|
|
<Popover
|
|
content={
|
|
<div className={'flex gap-2 items-center'}>
|
|
<PlaySessionInFullscreenShortcut />
|
|
<div>Play In Fullscreen</div>
|
|
</div>
|
|
}
|
|
placement={"topRight"}
|
|
>
|
|
<Button
|
|
onClick={onClick}
|
|
shape="circle"
|
|
size={'small'}
|
|
className={'flex items-center justify-center'}
|
|
icon={<FullscreenOutlined />}
|
|
/>
|
|
</Popover>
|
|
);
|
|
}
|