Merge pull request #26 from petergeorgas/development

Add upload another button to success page
petergeorgas · Oct 29, 2021 · addd6fb · addd6fb
2 parents 299bbb3 + 94aa27a
commit addd6fb
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -73,6 +73,10 @@ function App() {
     }
   });
 
+  const newUpload = () => {
+    setSuccess(false); // Reset success state to false, which will cause a redirect to the home page
+  };
+
   const handleFileChange = (event) => {
     console.log("File change!!");
     let target = event.target;
@@ -139,7 +143,7 @@ function App() {
   if (inProg) {
     return <Loading percentage={pct} header={uploadHeader} />;
   } else if (success) {
-    return <Success imgUrl={downloadURL} />;
+    return <Success imgUrl={downloadURL} redirect={newUpload} />;
   } else {
     return (
       <div className="flex-container">

diff --git a/src/components/Success.css b/src/components/Success.css
@@ -16,6 +16,18 @@
   padding-left: 10px;
 }
 
+.new-upload-box {
+  margin-top: 12px;
+  line-height: 16px;
+  width: 355px;
+  height: 34px;
+  border-radius: 8px;
+}
+
+#newUpldBtn {
+  width: 100%;
+}
+
 .link-box {
   display: flex;
   flex-direction: row;

diff --git a/src/components/Success.js b/src/components/Success.js
@@ -11,7 +11,7 @@ const SnackbarType = {
 
 function Success(props) {
   const snackbarRef = useRef(null);
-  const { imgUrl } = props;
+  const { imgUrl, redirect } = props;
 
   const copyLink = () => {
     snackbarRef.current.show();
@@ -46,6 +46,11 @@ function Success(props) {
               type={SnackbarType.success}
             />
           </div>
+          <div className="new-upload-box">
+            <button className="btn" id="newUpldBtn" onClick={redirect}>
+              New Upload
+            </button>
+          </div>
         </div>
       </div>
     </div>