@findify/react-components
Version:
Findify react UI components
29 lines (28 loc) • 1.07 kB
JSX
/**
* @module layouts/ContentSearch
*/
import styles from 'layouts/Content/styles.css';
import LazyResults from 'components/search/LazyResults';
import StaticResults from 'components/search/StaticResults';
import CombinedResults from 'components/search/CombinedResults';
import ContentCard from 'components/Cards/Content';
import { useItems } from '@findify/react-connect';
const Content = ({ theme = styles }) => {
const { items, config } = useItems();
const paginationConfig = config.getIn(['pagination', 'type']);
if (!items?.size)
return null;
switch (paginationConfig) {
case 'lazy':
return <LazyResults card={ContentCard} itemConfig={config.get('item')}/>;
case 'static':
return <StaticResults itemConfig={config.get('item')}/>;
case 'combined':
return (<CombinedResults card={ContentCard} itemConfig={config.get('item')}/>);
default:
return <></>;
}
};
export default process.env.HOT
? require('react-hot-loader').hot(module)(Content)
: Content;