2021-02-18 04:28:52 +01:00
|
|
|
import React from 'react';
|
2021-01-22 03:43:42 +01:00
|
|
|
import { useScreenSize } from '../hooks/screen';
|
|
|
|
|
|
|
|
interface IScreen {
|
|
|
|
isMobile: boolean;
|
|
|
|
isTablet: boolean;
|
|
|
|
isDesktop: boolean;
|
|
|
|
isHuge: boolean;
|
2021-02-18 04:28:52 +01:00
|
|
|
width: number;
|
2021-01-22 03:43:42 +01:00
|
|
|
}
|
|
|
|
|
2021-02-18 04:28:52 +01:00
|
|
|
export const ScreenContext = React.createContext({
|
|
|
|
isMobile: true,
|
|
|
|
isTablet: false,
|
|
|
|
isDesktop: false,
|
|
|
|
isHuge: false,
|
|
|
|
width: 0,
|
|
|
|
});
|
2021-01-22 03:43:42 +01:00
|
|
|
|
|
|
|
const ScreenProvider = ({ children }) => {
|
|
|
|
const screenParams: IScreen = useScreenSize();
|
|
|
|
|
|
|
|
return (
|
|
|
|
<ScreenContext.Provider value={screenParams}>
|
|
|
|
{children}
|
|
|
|
</ScreenContext.Provider>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ScreenProvider;
|