IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Common: Layout: fixed isTablet

Browse Source
This commit is contained in:
Artem Tarasov 2020-12-14 17:20:26 +03:00
parent ead4841112
commit 8e0104920b
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/ASC.Web.Common/src/components/Layout/index.js
View File

@ -21,6 +21,8 @@ const Layout = (props) => {
matches: isTablet,
});
console.log(size.tablet);
useEffect(() => {
let mediaQuery = window.matchMedia("(max-width: 1024px)");
mediaQuery.addListener(setWindowWidth);
@ -29,17 +31,17 @@ const Layout = (props) => {
}, []);
useEffect(() => {
if (isIOS && !isFirefox) {
if (isSafari) window.addEventListener("resize", resizeHandler);
if (isChrome) window.addEventListener("orientationchange", resizeHandler);
if (isTablet) {
if (isIOS && isSafari) window.addEventListener("resize", resizeHandler);
else window.addEventListener("orientationchange", resizeHandler);
resizeHandler();
}
return () => {
if (isIOS && !isFirefox) {
if (isSafari) window.removeEventListener("resize", resizeHandler);
if (isChrome)
window.removeEventListener("orientationchange", resizeHandler);
if (isTablet) {
if (isIOS && isSafari)
window.removeEventListener("resize", resizeHandler);
else window.removeEventListener("orientationchange", resizeHandler);
}
};
}, []);
@ -87,7 +89,7 @@ const Layout = (props) => {
return (
<StyledContainer className="Layout">
{windowWidth && windowWidth.matches ? (
<MobileLayout {...props} />
<MobileLayout {...props} windowWidth={windowWidth} />
) : (
children
)}