@craftercms/studio-ui/components/SitesGrid/SitesGrid.js

Services, components, models & utils to build CrafterCMS authoring extensions.

/*
 * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License version 3 as published by
 * the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
 * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License version 3 as published by
 * the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
import Grid from '@mui/material/Grid';
import React from 'react';
import SiteCard from '../SiteCard/SiteCard';
import { useSitesGridStyles } from './styles';
export function SitesGrid(props) {
  const {
    resource,
    onSiteClick,
    onDeleteSiteClick,
    onEditSiteClick,
    currentView,
    publishingStatusLookup,
    onPublishButtonClick
  } = props;
  const sites = resource.read();
  const { classes } = useSitesGridStyles();
  return React.createElement(
    'section',
    { className: classes.root },
    React.createElement(
      Grid,
      { container: true, spacing: 3 },
      sites.map((site) =>
        React.createElement(
          Grid,
          { item: true, key: site.id },
          React.createElement(SiteCard, {
            site: site,
            publishingStatus: publishingStatusLookup[site.id],
            onSiteClick: onSiteClick,
            onDeleteSiteClick: onDeleteSiteClick,
            onEditSiteClick: onEditSiteClick,
            onPublishButtonClick: onPublishButtonClick,
            compact: currentView === 'list'
          })
        )
      )
    )
  );
}
export default SitesGrid;