mirror of
https://github.com/oxen-io/oxen-website.git
synced 2023-12-13 21:00:18 +01:00
31 lines
583 B
TypeScript
31 lines
583 B
TypeScript
import React from 'react';
|
|
import { useScreenSize } from '../hooks/screen';
|
|
|
|
interface IScreen {
|
|
isMobile: boolean;
|
|
isTablet: boolean;
|
|
isDesktop: boolean;
|
|
isHuge: boolean;
|
|
width: number;
|
|
}
|
|
|
|
export const ScreenContext = React.createContext({
|
|
isMobile: true,
|
|
isTablet: false,
|
|
isDesktop: false,
|
|
isHuge: false,
|
|
width: 0,
|
|
});
|
|
|
|
const ScreenProvider = ({ children }) => {
|
|
const screenParams: IScreen = useScreenSize();
|
|
|
|
return (
|
|
<ScreenContext.Provider value={screenParams}>
|
|
{children}
|
|
</ScreenContext.Provider>
|
|
);
|
|
};
|
|
|
|
export default ScreenProvider;
|