src/components/panel-default-view/panel-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
   9 type CssRules = 'classRoot' | 'classIcon' | 'classMessage';
  10
  11 const styles: StyleRulesCallback<CssRules> = () => ({
  12     classRoot: {
  13         position: 'absolute',
  14         width: '80%',
  15         left: '50%',
  16         top: '50%',
  17         transform: 'translate(-50%, -50%)'
  18     },
  19     classMessage: {
  20         fontSize: '1.75rem',
  21     },
  22     classIcon: {
  23         fontSize: '6rem'
  24     }
  25 });
  26
  27 type PanelDefaultViewProps = Pick<DefaultViewDataProps, 'icon' | 'messages'> & WithStyles<CssRules>;
  28
  29 export const PanelDefaultView = withStyles(styles)(
  30     ({ classes, ...props }: PanelDefaultViewProps) =>
  31         <DefaultView {...classes} {...props} />);