SSDM-12480 : Navigation custom arrangement : add tooltip

openbis_ng_ui/src/js/common/messages.js

@@ -30,6 +30,7 @@ const keys = {
   CHOOSE_FILE: 'CHOOSE_FILE',
   CLEAR_SELECTION: 'CLEAR_SELECTION',
   CLEAR_FILTER: 'CLEAR_FILTER',
+  CLEAR_SORTING: 'CLEAR_SORTING',
   CLEAR_ROOT: 'CLEAR_ROOT',
   CLOSE: 'CLOSE',
   CODE: 'CODE',
@@ -321,7 +322,8 @@ const messages_en = {
   [keys.CHANGE_SORTING]: 'Change sorting',
   [keys.CHOOSE_FILE]: 'Choose File',
   [keys.CLEAR_SELECTION]: 'Clear selection',
-  [keys.CLEAR_FILTER]: 'Clear Filter',
+  [keys.CLEAR_FILTER]: 'Clear filter',
+  [keys.CLEAR_SORTING]: 'Clear sorting',
   [keys.CLEAR_ROOT]: 'Clear root',
   [keys.CLOSE]: 'Close',
   [keys.CODE]: 'Code',

openbis_ng_ui/src/js/components/common/browser/BrowserNodeSortings.jsx

@@ -160,12 +160,14 @@ class BrowserNodeSortings extends React.PureComponent {
     return (
       <span className={classes.clear}>
         <span>{messages.get(messages.CUSTOM_SORTING)}</span>
-        <IconButton
-          onClick={this.handleClearCustom}
-          classes={{ root: classes.button }}
-        >
-          <CloseIcon fontSize='small' />
-        </IconButton>
+        <Tooltip title={messages.get(messages.CLEAR_SORTING)}>
+          <IconButton
+            onClick={this.handleClearCustom}
+            classes={{ root: classes.button }}
+          >
+            <CloseIcon fontSize='small' />
+          </IconButton>
+        </Tooltip>
       </span>
     )
   }