StatusBar, Webcam and FileItem translations

Closes #686

src/plugins/Dashboard/FileItem.js

@@ -47,12 +47,14 @@ module.exports = function fileItem (props) {
   )
 
   const progressIndicatorTitle = isUploaded
-    ? 'upload complete'
+    ? props.i18n('uploadComplete')
     : props.resumableUploads
       ? file.isPaused
-        ? 'resume upload'
-        : 'pause upload'
-      : 'cancel upload'
+        ? props.i18n('resumeUpload')
+        : props.i18n('pauseUpload')
+      : error
+        ? props.i18n('retryUpload')
+        : props.i18n('cancelUpload')
 
   return <li class={dashboardItemClass} id={`uppy_${file.id}`} title={file.meta.name}>
     <div class="uppy-DashboardItem-preview">

src/plugins/Dashboard/index.js

@@ -63,6 +63,10 @@ module.exports = class Dashboard extends Plugin {
         numberOfSelectedFiles: 'Number of selected files',
         uploadAllNewFiles: 'Upload all new files',
         emptyFolderAdded: 'No files were added from empty folder',
+        uploadComplete: 'Upload complete',
+        resumeUpload: 'Resume upload',
+        pauseUpload: 'Pause upload',
+        retryUpload: 'Retry upload',
         uploadXFiles: {
           0: 'Upload %{smart_count} file',
           1: 'Upload %{smart_count} files'

src/plugins/StatusBar/StatusBar.js

@@ -193,7 +193,7 @@ const ProgressBarUploading = (props) => {
   }
 
   return (
-    <div class="uppy-StatusBar-content" title={props.isAllPaused ? 'Paused' : 'Uploading'}>
+    <div class="uppy-StatusBar-content" title={props.isAllPaused ? props.i18n('paused') : props.i18n('uploading')}>
       { <PauseResumeButtons {...props} /> }
       <div class="uppy-StatusBar-status">
         <span class="uppy-StatusBar-statusPrimary">{ props.isAllPaused ? props.i18n('paused') : props.i18n('uploading') }: {props.totalProgress}%</span>

src/plugins/Webcam/RecordButton.js

@@ -1,12 +1,12 @@
 const { h } = require('preact')
 
-module.exports = function RecordButton ({ recording, onStartRecording, onStopRecording }) {
+module.exports = function RecordButton ({ recording, onStartRecording, onStopRecording, i18n }) {
   if (recording) {
     return (
       <button class="uppy-u-reset uppy-c-btn uppy-Webcam-button uppy-Webcam-button--video"
         type="button"
-        title="Stop Recording"
-        aria-label="Stop Recording"
+        title={i18n('stopRecording')}
+        aria-label={i18n('stopRecording')}
         onclick={onStopRecording}>
         <svg aria-hidden="true" class="UppyIcon" width="100" height="100" viewBox="0 0 100 100">
           <circle cx="50" cy="50" r="40" />
@@ -18,8 +18,8 @@ module.exports = function RecordButton ({ recording, onStartRecording, onStopRec
   return (
     <button class="uppy-u-reset uppy-c-btn uppy-Webcam-button uppy-Webcam-button--video"
       type="button"
-      title="Begin Recording"
-      aria-label="Begin Recording"
+      title={i18n('startRecording')}
+      aria-label={i18n('startRecording')}
       onclick={onStartRecording}>
       <svg aria-hidden="true" class="UppyIcon" width="100" height="100" viewBox="0 0 100 100">
         <rect x="15" y="15" width="70" height="70" />

src/plugins/Webcam/SnapshotButton.js

@@ -1,12 +1,12 @@
 const { h } = require('preact')
 const CameraIcon = require('./CameraIcon')
 
-module.exports = ({ onSnapshot }) => {
+module.exports = ({ onSnapshot, i18n }) => {
   return (
     <button class="uppy-u-reset uppy-c-btn uppy-Webcam-button uppy-Webcam-button--picture"
       type="button"
-      title="Take a snapshot"
-      aria-label="Take a snapshot"
+      title={i18n('takePicture')}
+      aria-label={i18n('takePicture')}
       onclick={onSnapshot}>
       {CameraIcon()}
     </button>

src/plugins/Webcam/index.js

@@ -41,13 +41,16 @@ module.exports = class Webcam extends Plugin {
     this.supportsUserMedia = !!this.mediaDevices
     this.protocol = location.protocol.match(/https/i) ? 'https' : 'http'
     this.id = this.opts.id || 'Webcam'
-    this.title = 'Webcam'
+    this.title = 'Camera'
     this.type = 'acquirer'
     this.icon = CameraIcon
 
     const defaultLocale = {
       strings: {
-        smile: 'Smile!'
+        smile: 'Smile!',
+        takePicture: 'Take a picture',
+        startRecording: 'Begin video recording',
+        stopRecording: 'Stop video recording'
       }
     }
 
@@ -326,6 +329,7 @@ module.exports = class Webcam extends Plugin {
       onStopRecording={this.stopRecording}
       onFocus={this.focus}
       onStop={this.stop}
+      i18n={this.i18n}
       modes={this.opts.modes}
       supportsRecording={supportsMediaRecorder()}
       recording={webcamState.isRecording}