X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/f0ac109691369516a5adf9370838cb4eacf16a45..838af71bfe460c7f5a03121acf8a4d239893cdac:/src/components/tree/tree.tsx
diff --git a/src/components/tree/tree.tsx b/src/components/tree/tree.tsx
index 06d7cbbfc3..8a56739758 100644
--- a/src/components/tree/tree.tsx
+++ b/src/components/tree/tree.tsx
@@ -110,9 +110,7 @@ export const Tree = withStyles(styles)(
this.props.toggleItemOpen(it.id, it.status)}
className={toggableIconContainer}>
- {it.status === TreeItemStatus.PENDING
- || (it.status === TreeItemStatus.LOADED && !it.items)
- || (it.status === TreeItemStatus.LOADED && it.items && it.items.length === 0) ? : }
+ {this.getProperArrowAnimation(it.status, it.items!)}
{this.props.showSelection &&
@@ -142,6 +140,12 @@ export const Tree = withStyles(styles)(
;
}
+ getProperArrowAnimation = (status: string, items: Array>) => {
+ return status === TreeItemStatus.PENDING ||
+ (status === TreeItemStatus.LOADED && !items) ||
+ (status === TreeItemStatus.LOADED && items && items.length === 0) ? : ;
+ }
+
getToggableIconClassNames = (isOpen?: boolean, isActive?: boolean) => {
const { iconOpen, iconClose, active, toggableIcon } = this.props.classes;
return classnames(toggableIcon, {