services/workbench2/src/components/data-table-default-view/data-table-default-view.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from 'react';
   6 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
   7 import { DefaultViewDataProps, DefaultView } from 'components/default-view/default-view';
   8 import { ArvadosTheme } from 'common/custom-theme';
   9 import { DetailsIcon } from 'components/icon/icon';
  10
  11 type CssRules = 'classRoot';
  12
  13 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  14     classRoot: {
  15         marginTop: theme.spacing.unit * 4,
  16         marginBottom: theme.spacing.unit * 4,
  17     },
  18 });
  19 type DataTableDefaultViewDataProps = Partial<Pick<DefaultViewDataProps, 'icon' | 'messages' | 'filtersApplied'>>;
  20 type DataTableDefaultViewProps = DataTableDefaultViewDataProps & WithStyles<CssRules>;
  21
  22 export const DataTableDefaultView = withStyles(styles)(
  23     ({ classes, ...props }: DataTableDefaultViewProps) => {
  24         const icon = props.icon || DetailsIcon;
  25         const filterWarning: string[] = props.filtersApplied ? ['Filters are applied to the data.'] : [];
  26         const messages = filterWarning.concat(props.messages || ['No items found']);
  27         return <DefaultView {...classes} {...{ icon, messages }} />;
  28     });