diff --git a/src/actions/default-action-bar.js b/src/actions/default-action-bar.js new file mode 100644 index 000000000..94f3b0c65 --- /dev/null +++ b/src/actions/default-action-bar.js @@ -0,0 +1,20 @@ +import PropTypes from 'prop-types' +import React from 'react' + +export class DefaultActionBar extends React.Component { + static propTypes = { + filter: PropTypes.element, + actions: PropTypes.element, + } + + render() { + const { filter, actions } = this.props + + return ( +
+ {filter} + {actions} +
+ ) + } +} diff --git a/src/actions/index.js b/src/actions/index.js index 492f67824..136645673 100644 --- a/src/actions/index.js +++ b/src/actions/index.js @@ -1,5 +1,7 @@ import DefaultAction from './default' +import { DefaultActionBar } from './default-action-bar' export { DefaultAction, + DefaultActionBar, } diff --git a/src/browser.js b/src/browser.js index 520ecc097..7c7a01114 100644 --- a/src/browser.js +++ b/src/browser.js @@ -19,7 +19,7 @@ import { GroupByFolder } from './groupers' import { SortByName } from './sorters' import { isFolder } from './utils' -import { DefaultAction } from './actions' +import { DefaultAction, DefaultActionBar } from './actions' const SEARCH_RESULTS_PER_PAGE = 20 const regexForNewFolderOrFileSelection = /.*\/__new__[/]?$/gm @@ -83,6 +83,7 @@ class RawFileBrowser extends React.Component { detailRenderer: PropTypes.func, detailRendererProps: PropTypes.object, actionRenderer: PropTypes.func, + actionBarRenderer: PropTypes.func, confirmDeletionRenderer: PropTypes.func, confirmMultipleDeletionRenderer: PropTypes.func, @@ -133,6 +134,7 @@ class RawFileBrowser extends React.Component { detailRenderer: DefaultDetail, detailRendererProps: {}, actionRenderer: DefaultAction, + actionBarRenderer: DefaultActionBar, confirmDeletionRenderer: DefaultConfirmDeletion, confirmMultipleDeletionRenderer: MultipleConfirmDeletion, @@ -536,6 +538,7 @@ class RawFileBrowser extends React.Component { const { icons, canFilter, filterRendererProps, filterRenderer: FilterRenderer, + actionBarRenderer: ActionBarRenderer, actionRenderer: ActionRenderer, onCreateFolder, onRenameFile, onRenameFolder, onDeleteFile, onDeleteFolder, onDownloadFile, @@ -587,12 +590,7 @@ class RawFileBrowser extends React.Component { /> ) - return ( -
- {filter} - {actions} -
- ) + return } renderFiles(files, depth) {