From a288e754e35d6d806703000adcdbea2755ecae5c Mon Sep 17 00:00:00 2001
From: sam-morin <sammorin@live.com>
Date: Mon, 29 Jan 2024 00:24:00 -0500
Subject: [PATCH] rate limiting additions

---
 src/App.js                     | 3 +++
 src/components/UploadButton.js | 7 +++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index 528d969..553dda8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -14,6 +14,7 @@ function App() {
   const [removeToggle, setRemoveToggle] = useState(false);
   const [renameToggle, setRenameToggle] = useState(false);
   const [newName, setNewName] = useState('');
+  const [tooManyUploads, setTooManyUploads] = useState();
 
   const uploadEndpoint = uploadEndpointRoot + (removeToggle ? '/remove' : '')
 
@@ -46,6 +47,7 @@ function App() {
       } else {
         console.error('Error uploading file:', response.statusText);
         setSuccess(false);
+        response.status === 429 ? (setTooManyUploads(true) && setTimeout(() => {setTooManyUploads(false) && setSuccess(true)}, 20000)) : setTooManyUploads(false)
       }
     } catch (error) {
       console.error('Error uploading file:', error);
@@ -120,6 +122,7 @@ function App() {
             renameToggle={renameToggle}
             renameToggleAction={'Upload'}
             handleFileUpload={handleFileUpload}
+            tooManyUploads={tooManyUploads}
           />
         <Footer />
       </div>
diff --git a/src/components/UploadButton.js b/src/components/UploadButton.js
index 3ae5f66..3c348a9 100644
--- a/src/components/UploadButton.js
+++ b/src/components/UploadButton.js
@@ -5,7 +5,7 @@ import CheckCircleOutlineOutlinedIcon from '@mui/icons-material/CheckCircleOutli
 import ErrorOutlineOutlinedIcon from '@mui/icons-material/ErrorOutlineOutlined';
 import CircularProgress from '@mui/material/CircularProgress';
 
-export default function UploadButton({ uploading, success, handleFileUpload, renameToggleAction }) {
+export default function UploadButton({ uploading, success, handleFileUpload, renameToggleAction, tooManyUploads }) {
   const handleFileChange = (event) => {
     const file = event.target.files[0];
     if (file) {
@@ -37,6 +37,7 @@ export default function UploadButton({ uploading, success, handleFileUpload, ren
         style={{ display: 'none' }}
         id="file-input"
         onChange={handleFileChange}
+        disabled={tooManyUploads}
       />
       <label htmlFor="file-input">
         <Button
@@ -54,7 +55,7 @@ export default function UploadButton({ uploading, success, handleFileUpload, ren
           startIcon={
             success ? (
               <CheckCircleOutlineOutlinedIcon />
-            ) : success === false ? (
+            ) : (success === false || tooManyUploads) ? (
               <ErrorOutlineOutlinedIcon />
             ) : uploading ? (
               <CircularProgress size={20} thickness={5.5} style={{ color: 'white' }} />
@@ -65,6 +66,8 @@ export default function UploadButton({ uploading, success, handleFileUpload, ren
         >
           {success
             ? 'Downloaded PDF'
+            : tooManyUploads
+            ? `Hey! Too many requests!`
             : success === false
             ? 'Something went wrong!'
             : uploading