- <Toolbar
- className={classes.root}
- style={{ width: `${buttons.length * 2.12}rem` }}>
- {buttons.length ? (
- buttons.map((btn, i) =>
- btn.name === "ToggleTrashAction" ? (
- <Tooltip
- className={classes.button}
- title={currentPathIsTrash ? "Restore selected" : "Move to trash"}
- key={i}
- disableFocusListener>
- <IconButton onClick={() => props.executeMulti(btn, checkedList, props.resources)}>
- {currentPathIsTrash ? <RestoreFromTrashIcon /> : <TrashIcon />}
- </IconButton>
- </Tooltip>
- ) : (
- <Tooltip
- className={classes.button}
- title={btn.name}
- key={i}
- disableFocusListener>
- <IconButton onClick={() => props.executeMulti(btn, checkedList, props.resources)}>
- {btn.icon ? btn.icon({}) : <></>}
- </IconButton>
- </Tooltip>
+ <React.Fragment>
+ <Toolbar
+ className={classes.root}
+ style={{ width: `${actions.length * 2.5}rem` }}
+ >
+ {actions.length ? (
+ actions.map((action, i) =>
+ action.hasAlts ? (
+ <Tooltip
+ className={classes.button}
+ title={currentPathIsTrash || action.useAlts(singleSelectedUuid, iconProps) ? action.altName : action.name}
+ key={i}
+ disableFocusListener
+ >
+ <IconButton onClick={() => props.executeMulti(action, checkedList, iconProps.resources)}>
+ {currentPathIsTrash || action.useAlts(singleSelectedUuid, iconProps) ? action.altIcon && action.altIcon({}) : action.icon({})}
+ </IconButton>
+ </Tooltip>
+ ) : (
+ <Tooltip
+ className={classes.button}
+ title={action.name}
+ key={i}
+ disableFocusListener
+ >
+ <IconButton onClick={() => props.executeMulti(action, checkedList, iconProps.resources)}>{action.icon({})}</IconButton>
+ </Tooltip>
+ )