Web:People: disable catalog main button in section for desktop view

This commit is contained in:
Timofey 2022-02-08 17:21:36 +08:00
parent 6b0f6b0ca4
commit 92ed07db23

View File

@ -7,6 +7,11 @@ import PeopleRowContainer from "./RowView/PeopleRowContainer";
import TableView from "./TableView/TableContainer"; import TableView from "./TableView/TableContainer";
import { Consumer } from "@appserver/components/utils/context"; import { Consumer } from "@appserver/components/utils/context";
import { CatalogMainButtonContent } from "../../../../components/Catalog"; import { CatalogMainButtonContent } from "../../../../components/Catalog";
import { isMobile } from "react-device-detect";
import {
isMobile as isMobileUtils,
isTablet as isTabletUtils,
} from "@appserver/components/utils/device";
class SectionBodyContent extends React.Component { class SectionBodyContent extends React.Component {
render() { render() {
@ -18,7 +23,9 @@ class SectionBodyContent extends React.Component {
viewAs === "table" ? ( viewAs === "table" ? (
<> <>
<TableView sectionWidth={context.sectionWidth} tReady={tReady} /> <TableView sectionWidth={context.sectionWidth} tReady={tReady} />
<CatalogMainButtonContent sectionWidth={context.sectionWidth} /> {(isMobile || isMobileUtils() || isTabletUtils()) && (
<CatalogMainButtonContent sectionWidth={context.sectionWidth} />
)}
</> </>
) : ( ) : (
<> <>
@ -26,7 +33,9 @@ class SectionBodyContent extends React.Component {
sectionWidth={context.sectionWidth} sectionWidth={context.sectionWidth}
tReady={tReady} tReady={tReady}
/> />
<CatalogMainButtonContent sectionWidth={context.sectionWidth} /> {(isMobile || isMobileUtils() || isTabletUtils()) && (
<CatalogMainButtonContent sectionWidth={context.sectionWidth} />
)}
</> </>
) )
} }