add up/download button to ContentTooLarge view

1 files changed, 14 insertions, 4 deletions

diff --git a/web/src/js/components/ContentView/MetaViews.jsx b/web/src/js/components/ContentView/MetaViews.jsx
index 2d064b54..b926738e 100644
--- a/web/src/js/components/ContentView/MetaViews.jsx
+++ b/web/src/js/components/ContentView/MetaViews.jsx
@@ -1,5 +1,7 @@
 import React from 'react'
 import { formatSize } from '../../utils.js'
+import UploadContentButton from './UploadContentButton'
+import DownloadContentButton from './DownloadContentButton'
 
 export function ContentEmpty({ flow, message }) {
     return (
@@ -17,11 +19,19 @@ export function ContentMissing({ flow, message }) {
     )
 }
 
-export function ContentTooLarge({ message, onClick }) {
+export function ContentTooLarge({ message, onClick, uploadContent, flow }) {
     return (
-        <div className="alert alert-warning">
-            <button onClick={onClick} className="btn btn-xs btn-warning pull-right">Display anyway</button>
-            {formatSize(message.contentLength)} content size.
+        <div>
+            <div className="alert alert-warning">
+
+                <button onClick={onClick} className="btn btn-xs btn-warning pull-right">Display anyway</button>
+                {formatSize(message.contentLength)} content size.
+            </div>
+            <div className="view-options text-center">
+                <UploadContentButton uploadContent={uploadContent}/>
+                &nbsp;
+                <DownloadContentButton flow={flow} message={message}/>
+            </div>
         </div>
     )
 }