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