Merge pull request #1010 from mozilla/totalSize

added total size to wip tile

app/ui/archiveTile.js

@@ -209,12 +209,17 @@ module.exports.wip = function(state, emit) {
         />
         <label
           for="file-upload"
-          class="flex flex-row items-center w-full p-2 cursor-pointer"
+          class="flex flex-row items-center justify-between w-full p-2 cursor-pointer"
           title="${state.translate('addFilesButton')}"
         >
+          <div class="flex items-center">
             <img src="${assets.get('addfiles.svg')}" class="w-6 h-6 mr-2" /> ${
               state.translate('addFilesButton')
             }
+          </div>
+          <div class="font-normal text-sm text-grey-darker">
+            ${state.translate('totalSize', { size: bytes(state.archive.size) })}
+          </div>
         </label>
       </div>
       ${expiryOptions(state, emit)} ${password(state, emit)}

public/locales/en-US/send.ftl

@@ -52,6 +52,7 @@ fileCount = { $num ->
     [one] 1 file
    *[other] { $num } files
 }
+totalSize = Total Size: { $size }
 copyUrlFormLabelWithName = Copy and share the link to send your file: { $filename }
 copyUrlFormButton = Copy to clipboard
 copiedUrl = Copied!