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

Web:People:Home: remove mobile main button from empty screen on desktop devices

Browse Source
This commit is contained in:
Timofey 2022-02-21 20:04:24 +08:00
parent 1a386a8adf
commit 7a97d482f0
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
products/ASC.People/Client/src/pages/Home/Section/Body/EmptyScreen.js
View File

@ -10,6 +10,12 @@ import { inject, observer } from "mobx-react";
import { CatalogMainButtonContent } from "../../../../components/Catalog"; import { CatalogMainButtonContent } from "../../../../components/Catalog";
import { Consumer } from "@appserver/components/utils/context"; import { Consumer } from "@appserver/components/utils/context";
import { isMobile } from "react-device-detect";
import {
isMobile as isMobileUtils,
isTablet as isTabletUtils,
} from "@appserver/components/utils/device";
const EmptyScreen = ({ resetFilter, isEmptyGroup, setIsLoading }) => { const EmptyScreen = ({ resetFilter, isEmptyGroup, setIsLoading }) => {
const { t } = useTranslation(["Home", "Common"]); const { t } = useTranslation(["Home", "Common"]);
@ -62,11 +68,15 @@ const EmptyScreen = ({ resetFilter, isEmptyGroup, setIsLoading }) => {
</Grid> </Grid>
} }
/> />
<Consumer> {isMobile || isMobileUtils() || isTabletUtils() ? (
{(context) => ( <Consumer>
<CatalogMainButtonContent sectionWidth={context.sectionWidth} /> {(context) => (
)} <CatalogMainButtonContent sectionWidth={context.sectionWidth} />
</Consumer> )}
</Consumer>
) : (
<></>
)}
</> </>
); );
}; };