30 lines
876 B
JavaScript
30 lines
876 B
JavaScript
|
import PageIcon from 'shared/components/icons/page'
|
||
|
|
import { useTranslation } from 'next-i18next'
|
||
|
|
|
||
|
|
const PageOrientationPicker = ({ gist, updateGist }) => {
|
||
|
|
const { t } = useTranslation(['workbench'])
|
||
|
|
|
||
|
|
return (
|
||
|
|
<button className={`
|
||
|
|
btn btn-primary flex flex-row gap-2 items-center
|
||
|
|
hover:text-primary-content
|
||
|
|
`}
|
||
|
|
onClick={() => updateGist(
|
||
|
|
['_state', 'layout', 'forPrinting', 'page', 'orientation'],
|
||
|
|
gist._state?.layout?.forPrinting?.page?.orientation === 'portrait'
|
||
|
|
? 'landscape'
|
||
|
|
: 'portrait'
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
<span className={
|
||
|
|
gist._state?.layout?.forPrinting?.page?.orientation === 'landscape'
|
||
|
|
? 'rotate-90'
|
||
|
|
: ''
|
||
|
|
}><PageIcon /></span>
|
||
|
|
<span>{t(`pageOrientation`)}</span>
|
||
|
|
</button>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default PageOrientationPicker
|