15768: differentiate between remove one ane remove many dialog Arvados-DCO-1.1-Signed...

diff --git a/src/components/multiselectToolbar/MultiselectToolbar.tsx b/src/components/multiselectToolbar/MultiselectToolbar.tsx
index 0338d6102c26d5d6c0a0073352ea0bfdea091ef9..c0d3f564d7750a2fffe1d957cff0726333d7117a 100644 (file)
--- a/src/components/multiselectToolbar/MultiselectToolbar.tsx
+++ b/src/components/multiselectToolbar/MultiselectToolbar.tsx
@@ -24,8 +24,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         justifyContent: 'start',
         width: '0px',
         padding: 0,
-        marginTop: '0.5rem',
-        marginLeft: '0.5rem',
+        margin: '1rem auto auto 0.5rem',
         overflow: 'hidden',
         transition: 'width 150ms',
         transitionTimingFunction: 'ease',
@@ -127,10 +126,11 @@ function mapDispatchToProps(dispatch: Dispatch) {
     return {
         copySelected: () => {},
         moveSelected: () => {},
-        removeSelected: (checkedList: TCheckedList) => removeMany(dispatch, checkedList),
+        removeSelected: (checkedList: TCheckedList) => removeMulti(dispatch, checkedList),
     };
 }
 
-function removeMany(dispatch: Dispatch, checkedList: TCheckedList): void {
-    dispatch<any>(openRemoveManyProcessesDialog(selectedToArray(checkedList)));
+function removeMulti(dispatch: Dispatch, checkedList: TCheckedList): void {
+    const list: Array<string> = selectedToArray(checkedList);
+    dispatch<any>(list.length === 1 ? openRemoveProcessDialog(list[0]) : openRemoveManyProcessesDialog(list));
 }