mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
eebeffc1c5
Improve React performance by memoizing components and values GitOrigin-RevId: 805278b8b7ac04c3dc4b078fa53cc0e3770d261b
50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
import React, { createContext, useContext, useMemo } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
|
|
export const ApplicationContext = createContext()
|
|
|
|
ApplicationContext.Provider.propTypes = {
|
|
value: PropTypes.shape({
|
|
user: PropTypes.shape({
|
|
id: PropTypes.string.isRequired,
|
|
firstName: PropTypes.string,
|
|
lastName: PropTypes.string,
|
|
}),
|
|
gitBridgePublicBaseUrl: PropTypes.string.isRequired,
|
|
}),
|
|
}
|
|
|
|
export function ApplicationProvider({ children }) {
|
|
const value = useMemo(() => {
|
|
const value = {
|
|
gitBridgePublicBaseUrl: window.gitBridgePublicBaseUrl,
|
|
}
|
|
|
|
if (window.user.id) {
|
|
value.user = window.user
|
|
}
|
|
|
|
return value
|
|
}, [])
|
|
|
|
return (
|
|
<ApplicationContext.Provider value={value}>
|
|
{children}
|
|
</ApplicationContext.Provider>
|
|
)
|
|
}
|
|
|
|
ApplicationProvider.propTypes = {
|
|
children: PropTypes.any,
|
|
}
|
|
|
|
export function useApplicationContext(propTypes) {
|
|
const data = useContext(ApplicationContext)
|
|
PropTypes.checkPropTypes(
|
|
propTypes,
|
|
data,
|
|
'data',
|
|
'ApplicationContext.Provider'
|
|
)
|
|
return data
|
|
}
|