projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
21128: readonly collections good Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox...
[arvados-workbench2.git]
/
src
/
components
/
list-item-text-icon
/
list-item-text-icon.tsx
diff --git
a/src/components/list-item-text-icon/list-item-text-icon.tsx
b/src/components/list-item-text-icon/list-item-text-icon.tsx
index 29768c050f797974bd4e33815ce5d41d6ae6dc2c..226556aa099eddd8a74e05644eb7952fd351b355 100644
(file)
--- a/
src/components/list-item-text-icon/list-item-text-icon.tsx
+++ b/
src/components/list-item-text-icon/list-item-text-icon.tsx
@@
-2,12
+2,12
@@
//
// SPDX-License-Identifier: AGPL-3.0
//
// SPDX-License-Identifier: AGPL-3.0
-import
* as
React from 'react';
+import React from 'react';
import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
-import { ArvadosTheme } from '
~/
common/custom-theme';
+import { ArvadosTheme } from 'common/custom-theme';
import { ListItemIcon, ListItemText, Typography } from '@material-ui/core';
import { IconType } from '../icon/icon';
import { ListItemIcon, ListItemText, Typography } from '@material-ui/core';
import { IconType } from '../icon/icon';
-import
* as
classnames from "classnames";
+import classnames from "classnames";
type CssRules = 'root' | 'listItemText' | 'hasMargin' | 'active';
type CssRules = 'root' | 'listItemText' | 'hasMargin' | 'active';
@@
-33,6
+33,7
@@
export interface ListItemTextIconDataProps {
isActive?: boolean;
hasMargin?: boolean;
iconSize?: number;
isActive?: boolean;
hasMargin?: boolean;
iconSize?: number;
+ nameDecorator?: JSX.Element;
}
type ListItemTextIconProps = ListItemTextIconDataProps & WithStyles<CssRules>;
}
type ListItemTextIconProps = ListItemTextIconDataProps & WithStyles<CssRules>;
@@
-40,7
+41,7
@@
type ListItemTextIconProps = ListItemTextIconDataProps & WithStyles<CssRules>;
export const ListItemTextIcon = withStyles(styles)(
class extends React.Component<ListItemTextIconProps, {}> {
render() {
export const ListItemTextIcon = withStyles(styles)(
class extends React.Component<ListItemTextIconProps, {}> {
render() {
- const { classes, isActive, hasMargin, name, icon: Icon, iconSize } = this.props;
+ const { classes, isActive, hasMargin, name, icon: Icon, iconSize
, nameDecorator
} = this.props;
return (
<Typography component='span' className={classes.root}>
<ListItemIcon className={classnames({
return (
<Typography component='span' className={classes.root}>
<ListItemIcon className={classnames({
@@
-50,8
+51,9
@@
export const ListItemTextIcon = withStyles(styles)(
<Icon style={{ fontSize: `${iconSize}rem` }} />
</ListItemIcon>
<Icon style={{ fontSize: `${iconSize}rem` }} />
</ListItemIcon>
+ {nameDecorator || null}
<ListItemText primary={
<ListItemText primary={
- <Typography
variant='body1'
className={classnames(classes.listItemText, {
+ <Typography className={classnames(classes.listItemText, {
[classes.active]: isActive
})}>
{name}
[classes.active]: isActive
})}>
{name}