diff --git a/ui-admin/src/js/components/database/data-browser/Toolbar.jsx b/ui-admin/src/js/components/database/data-browser/Toolbar.jsx index d7ec487819f2c2e8a386122cd63715957761b6c9..a47f350d5505756b12e63d15760bf480697c7db0 100644 --- a/ui-admin/src/js/components/database/data-browser/Toolbar.jsx +++ b/ui-admin/src/js/components/database/data-browser/Toolbar.jsx @@ -18,6 +18,8 @@ import React from 'react' import { withStyles } from '@material-ui/core/styles' import messages from '@src/js/common/messages.js' +import FileIcon from '@material-ui/icons/InsertDriveFileOutlined' +import FolderIcon from '@material-ui/icons/FolderOpen' import ViewComfyIcon from '@material-ui/icons/ViewComfy' import ViewListIcon from '@material-ui/icons/ViewList' import PublishIcon from '@material-ui/icons/Publish' @@ -32,6 +34,7 @@ import IconButton from '@material-ui/core/IconButton' import Container from "@src/js/components/common/form/Container.jsx"; import Popover from "@material-ui/core/Popover"; import UploadButton from "@src/js/components/database/data-browser/UploadButton.jsx"; +import { Folder, InsertDriveFile } from "@material-ui/icons"; const color = 'secondary' const buttonSize = 'small' @@ -119,18 +122,20 @@ class Toolbar extends React.Component { color={color} size={buttonSize} variant='contained' + startIcon={<FileIcon />} onClick={this.handleUploadFiles} > - File upload + Upload file </UploadButton> <UploadButton classes={{ root: classes.button }} color={color} size={buttonSize} variant='contained' + startIcon={<FolderIcon />} onClick={this.handleUploadFolders} > - Folder upload + Upload folder </UploadButton> </div> ) diff --git a/ui-admin/src/js/components/database/data-browser/UploadButton.jsx b/ui-admin/src/js/components/database/data-browser/UploadButton.jsx index d4ff0934ddfdc5009d63784ab387ce1d7f690a2a..c63771b52f115f2cb508f4a1980aa2a7da600eba 100644 --- a/ui-admin/src/js/components/database/data-browser/UploadButton.jsx +++ b/ui-admin/src/js/components/database/data-browser/UploadButton.jsx @@ -28,7 +28,7 @@ const styles = () => ({ class UploadButton extends React.Component { render () { - const { children, classes, size, variant, color, onClick } = this.props; + const { children, classes, size, variant, color, onClick, startIcon } = this.props; const fileInputRef = React.createRef(); return ( @@ -47,6 +47,7 @@ class UploadButton extends React.Component { color={color} size={size} variant={variant} + startIcon={startIcon} onClick={() => fileInputRef.current.click()} > {children}