overleaf/services/web/frontend/js/shared/context/layout-context.js
Alf Eaton 1be43911b4 Merge pull request #3942 from overleaf/prettier-trailing-comma
Set Prettier's "trailingComma" setting to "es5"

GitOrigin-RevId: 9f14150511929a855b27467ad17be6ab262fe5d5
2021-04-28 02:10:01 +00:00

63 lines
1.7 KiB
JavaScript

import React, { createContext, useContext } from 'react'
import PropTypes from 'prop-types'
import useScopeValue from './util/scope-value-hook'
export const LayoutContext = createContext()
LayoutContext.Provider.propTypes = {
value: PropTypes.shape({
view: PropTypes.string,
setView: PropTypes.func.isRequired,
chatIsOpen: PropTypes.bool,
setChatIsOpen: PropTypes.func.isRequired,
reviewPanelOpen: PropTypes.bool,
setReviewPanelOpen: PropTypes.func.isRequired,
leftMenuShown: PropTypes.bool,
setLeftMenuShown: PropTypes.func.isRequired,
pdfLayout: PropTypes.oneOf(['sideBySide', 'flat', 'split']).isRequired,
}).isRequired,
}
export function LayoutProvider({ children, $scope }) {
const [view, setView] = useScopeValue('ui.view', $scope)
const [chatIsOpen, setChatIsOpen] = useScopeValue('ui.chatOpen', $scope)
const [reviewPanelOpen, setReviewPanelOpen] = useScopeValue(
'ui.reviewPanelOpen',
$scope
)
const [leftMenuShown, setLeftMenuShown] = useScopeValue(
'ui.leftMenuShown',
$scope
)
const [pdfLayout] = useScopeValue('ui.pdfLayout', $scope)
const layoutContextValue = {
view,
setView,
chatIsOpen,
setChatIsOpen,
reviewPanelOpen,
setReviewPanelOpen,
leftMenuShown,
setLeftMenuShown,
pdfLayout,
}
return (
<LayoutContext.Provider value={layoutContextValue}>
{children}
</LayoutContext.Provider>
)
}
LayoutProvider.propTypes = {
children: PropTypes.any,
$scope: PropTypes.any.isRequired,
}
export function useLayoutContext(propTypes) {
const data = useContext(LayoutContext)
PropTypes.checkPropTypes(propTypes, data, 'data', 'LayoutContext.Provider')
return data
}