services/workbench2/src/views-components/context-menu/actions/context-menu-divider.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 { ContextMenuAction } from '../context-menu-action-set';
   7 import { Divider as DividerComponent, StyleRulesCallback, withStyles } from '@material-ui/core';
   8 import { WithStyles } from '@material-ui/core/styles';
   9 import { ArvadosTheme } from 'common/custom-theme';
  10 import { VerticalLineDivider } from 'components/icon/icon';
  11
  12 type CssRules = 'horizontal' | 'vertical';
  13
  14 const styles:StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  15   horizontal: {
  16       backgroundColor: 'black',
  17   },
  18   vertical: {
  19     color: theme.palette.grey["400"],
  20     margin: 'auto 0',
  21     transform: 'scaleY(1.25)',
  22   },
  23 });
  24
  25 export const VerticalLine = withStyles(styles)((props: WithStyles<CssRules>) => {
  26   return  <VerticalLineDivider className={props.classes.vertical} />;
  27 });
  28
  29 export const HorizontalLine = withStyles(styles)((props: WithStyles<CssRules>) => {
  30   return  <DividerComponent variant='middle' className={props.classes.horizontal} />;
  31 });
  32
  33 export const horizontalMenuDivider: ContextMenuAction = {
  34   name: 'Divider',
  35   icon: () => null,
  36   component: VerticalLine,
  37   execute: () => null,
  38 };
  39
  40 export const verticalMenuDivider: ContextMenuAction = {
  41   name: 'Divider',
  42   icon: () => null,
  43   component: HorizontalLine,
  44   execute: () => null,
  45 };