rate limiting additions

sam-morin · Jan 29, 2024 · a288e75 · a288e75
1 parent 1a9b394
commit a288e75
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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