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) {