SSDM-13579: Added more standard icon support for Button.

ui-admin/src/js/components/common/form/Button.jsx

@@ -33,7 +33,9 @@ class FormButton extends React.Component {
       href,
       styles,
       classes,
-      onClick
+      onClick,
+      startIcon,
+      endIcon,
     } = this.props
 
     let theColor = null
@@ -67,6 +69,8 @@ class FormButton extends React.Component {
         onClick={onClick}
         disabled={disabled}
         size='small'
+        startIcon={startIcon}
+        endIcon={endIcon}
       >
         {label}
       </Button>

ui-admin/src/js/components/database/data-browser/DataBrowser.jsx

@@ -118,7 +118,8 @@ class DataBrowser extends React.Component {
         }
       ],
       selectedFile: null,
-      multiselectedFiles: new Set([])
+      multiselectedFiles: new Set([]),
+      showInfo: false
     }
   }
 

ui-admin/src/js/components/database/data-browser/Toolbar.jsx

@@ -34,13 +34,13 @@ class Toolbar extends React.Component {
     const { viewType, onViewTypeChange, classes } = this.props
     return (
       <>
-        <Button styles={{ root: classes.button }} label={<><CreateNewFolderIcon /> New folder</>} />
-        <Button styles={{ root: classes.button }} label={<InfoIcon />} />
-        <Button styles={{ root: classes.button }} label={<><SearchIcon /> Search</>} />
+        <Button styles={{ root: classes.button }} label='New folder' startIcon={<CreateNewFolderIcon />} />
+        <Button styles={{ root: classes.button }} startIcon={<InfoIcon />} />
+        <Button styles={{ root: classes.button }} label='Search' startIcon={<SearchIcon />} />
         {viewType === 'list' && <Button styles={{ root: classes.button }} label={<ViewComfyIcon />} onClick={() => onViewTypeChange('grid')} />}
         {viewType === 'grid' && <Button styles={{ root: classes.button }} label={<ViewListIcon />} onClick={() => onViewTypeChange('list')} />}
         <Button styles={{ root: classes.button }} label={<SettingsIcon />} />
-        <Button styles={{ root: classes.button }} label={<><PublishIcon /> {messages.get(messages.UPLOAD)}</>} />
+        <Button styles={{ root: classes.button }} label={messages.get(messages.UPLOAD)} startIcon={<PublishIcon />} />
       </>
     )
   }