rename component for list-item-text-icon

Feature #13797

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>

diff --git a/src/components/single-list-item/single-list-item.tsx b/src/components/list-item-text-icon/list-item-text-icon.tsx
similarity index 87%
rename from src/components/single-list-item/single-list-item.tsx
rename to src/components/list-item-text-icon/list-item-text-icon.tsx
index 17bf8b5841b35816e2ade81186c3b50771287948..f140d86063b86db9608a2445a43cb98e8a0f96e2 100644 (file)
--- a/src/components/single-list-item/single-list-item.tsx
+++ b/src/components/list-item-text-icon/list-item-text-icon.tsx
@@ -9,16 +9,16 @@ import { ListItemIcon, ListItemText, Typography } from '@material-ui/core';
 import { IconType } from '../icon/icon';
 import * as classnames from "classnames";
 
-export interface SingleListItemDataProps {
+export interface ListItemTextIconDataProps {
     icon: IconType;
     name: string;
     isActive?: boolean;
     hasMargin?: boolean;
 }
 
-type SingleListItemProps = SingleListItemDataProps & WithStyles<CssRules>;
+type ListItemTextIconProps = ListItemTextIconDataProps & WithStyles<CssRules>;
 
-class SingleListItem extends React.Component<SingleListItemProps, {}> {
+class ListItemTextIcon extends React.Component<ListItemTextIconProps, {}> {
     render() {
         const { classes, isActive, hasMargin, name, icon: Icon } = this.props;
         return (
@@ -59,4 +59,4 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     },
 });
 
-export default withStyles(styles)(SingleListItem);
\ No newline at end of file
+export default withStyles(styles)(ListItemTextIcon);
\ No newline at end of file

diff --git a/src/components/side-panel/side-panel.tsx b/src/components/side-panel/side-panel.tsx
index 8105ba7507fca31d0305d0cd54e7259a0ebe6b81..165bd5651c562591f4cac543ea4910973b63035c 100644 (file)
--- a/src/components/side-panel/side-panel.tsx
+++ b/src/components/side-panel/side-panel.tsx
@@ -9,7 +9,7 @@ import { ArvadosTheme } from '../../common/custom-theme';
 import { List, ListItem, ListItemText, ListItemIcon, Collapse, Typography } from "@material-ui/core";
 import { SidePanelRightArrowIcon, IconType } from '../icon/icon';
 import * as classnames from "classnames";
-import SingleListItem from '../single-list-item/single-list-item';
+import ListItemTextIcon from '../list-item-text-icon/list-item-text-icon';
 
 export interface SidePanelItem {
     id: string;
@@ -46,7 +46,7 @@ class SidePanel extends React.Component<SidePanelProps & WithStyles<CssRules>> {
                                             </ListItemIcon>
                                         </i>
                                     ) : null}
-                                    <SingleListItem icon={it.icon} name={it.name} isActive={it.active} hasMargin={it.margin} />
+                                    <ListItemTextIcon icon={it.icon} name={it.name} isActive={it.active} hasMargin={it.margin} />
                                 </span>
                             </ListItem>
                             {it.openAble ? (

diff --git a/src/views-components/project-tree/project-tree.tsx b/src/views-components/project-tree/project-tree.tsx
index 411e6dd76f2d994f49168172ef15460df62868dd..3a84471c32c80508addc34fa7038cde77ce641c7 100644 (file)
--- a/src/views-components/project-tree/project-tree.tsx
+++ b/src/views-components/project-tree/project-tree.tsx
@@ -9,7 +9,7 @@ import Tree, { TreeItem, TreeItemStatus } from '../../components/tree/tree';
 import { ProjectResource } from '../../models/project';
 import { ProjectIcon } from '../../components/icon/icon';
 import { ArvadosTheme } from '../../common/custom-theme';
-import SingleListItem from '../../components/single-list-item/single-list-item';
+import ListItemTextIcon from '../../components/list-item-text-icon/list-item-text-icon';
 
 export interface ProjectTreeProps {
     projects: Array<TreeItem<ProjectResource>>;
@@ -29,7 +29,7 @@ class ProjectTree<T> extends React.Component<ProjectTreeProps & WithStyles<CssRu
                     toggleItemActive={toggleActive}
                     render={
                         (project: TreeItem<ProjectResource>) =>
-                            <SingleListItem icon={ProjectIcon} name={project.data.name} isActive={project.active} hasMargin={true} />
+                            <ListItemTextIcon icon={ProjectIcon} name={project.data.name} isActive={project.active} hasMargin={true} />
                     }/>
             </div>
         );