dashboard: Remove StatusBar

Instead users should mount the StatusBar plugin into the Dashboard.

example/main.js

@@ -7,6 +7,7 @@ const Tus10 = require('../src/plugins/Tus10')
 // const Multipart = require('../src/plugins/Multipart')
 const MetaData = require('../src/plugins/MetaData')
 const Informer = require('../src/plugins/Informer')
+const StatusBar = require('../src/plugins/StatusBar')
 // const DragDrop = require('../src/plugins/DragDrop')
 
 const PROTOCOL = location.protocol === 'https:' ? 'https' : 'http'
@@ -41,6 +42,9 @@ const uppy = Uppy({debug: true, autoProceed: false})
   // .use(Multipart, {endpoint: '//api2.transloadit.com'})
   .use(Tus10, {endpoint: TUS_ENDPOINT, resume: true})
   .use(Informer, {target: Dashboard})
+  .use(StatusBar, {
+    target: Dashboard
+  })
   .use(MetaData, {
     fields: [
       { id: 'resizeTo', name: 'Resize to', value: 1200, placeholder: 'specify future image size' },

src/plugins/Dashboard/Dashboard.js

@@ -3,7 +3,6 @@ const FileList = require('./FileList')
 const Tabs = require('./Tabs')
 const FileCard = require('./FileCard')
 const UploadBtn = require('./UploadBtn')
-const StatusBar = require('../StatusBar/StatusBar')
 const { isTouchDevice, toArray } = require('../../core/Utils')
 const { closeIcon } = require('./icons')
 
@@ -141,30 +140,6 @@ module.exports = function Dashboard (props) {
         </div>
 
         <div class="UppyDashboard-progressindicators">
-          ${StatusBar({
-            error: props.state.error,
-            totalProgress: props.totalProgress,
-            totalFileCount: props.totalFileCount,
-            totalSize: props.totalSize,
-            totalUploadedSize: props.totalUploadedSize,
-            uploadStartedFiles: props.uploadStartedFiles,
-            isAllComplete: props.isAllComplete,
-            isAllPaused: props.isAllPaused,
-            isUploadStarted: props.isUploadStarted,
-            pauseAll: props.pauseAll,
-            resumeAll: props.resumeAll,
-            cancelAll: props.cancelAll,
-            complete: props.completeFiles.length,
-            inProgress: props.inProgress,
-            totalSpeed: props.totalSpeed,
-            totalETA: props.totalETA,
-            startUpload: props.startUpload,
-            newFileCount: props.newFiles.length,
-            files: props.files,
-            i18n: props.i18n,
-            resumableUploads: props.resumableUploads
-          })}
-
           ${props.progressindicators.map((target) => {
             return target.render(props.state)
           })}