LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

multiply delay on every subsequent retry

This commit is contained in:
Karol Wypchlo 2021-08-03 16:01:17 +02:00
parent 3abd57642e
commit 6bb7945fbf
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/website/src/components/Uploader/UploaderElement.js
View File

@ -10,8 +10,6 @@ import { useTimeoutFn } from "react-use";
import ms from "ms"; import ms from "ms";
import Link from "../Link"; import Link from "../Link";
const TOO_MANY_REQUESTS_RETRY = ms("5s"); // retry delay after "429: TOO_MANY_REQUESTS"
const getFilePath = (file) => file.webkitRelativePath || file.path || file.name; const getFilePath = (file) => file.webkitRelativePath || file.path || file.name;
const getRelativeFilePath = (file) => { const getRelativeFilePath = (file) => {
@ -62,6 +60,7 @@ const client = new SkynetClient(process.env.GATSBY_API_URL);
export default function UploaderElement({ onUploadStateChange, upload }) { export default function UploaderElement({ onUploadStateChange, upload }) {
const [copied, setCopied] = React.useState(false); const [copied, setCopied] = React.useState(false);
const [, , reset] = useTimeoutFn(() => setCopied(false), ms("3 seconds")); const [, , reset] = useTimeoutFn(() => setCopied(false), ms("3 seconds"));
const [retryTimeout, setRetryTimeout] = React.useState(ms("3 seconds")); // retry delay after "429: TOO_MANY_REQUESTS"
const handleCopy = (url) => { const handleCopy = (url) => {
copy(url); copy(url);
@ -102,14 +101,15 @@ export default function UploaderElement({ onUploadStateChange, upload }) {
setTimeout(() => { setTimeout(() => {
onUploadStateChange(upload.id, { status: "enqueued", startedTime: null }); onUploadStateChange(upload.id, { status: "enqueued", startedTime: null });
}, TOO_MANY_REQUESTS_RETRY); setRetryTimeout((timeout) => timeout * 2); // increase timeout on next retry
}, retryTimeout);
} else { } else {
onUploadStateChange(upload.id, { status: "error", error: createUploadErrorMessage(error) }); onUploadStateChange(upload.id, { status: "error", error: createUploadErrorMessage(error) });
} }
} }
})(); })();
} }
}, [onUploadStateChange, upload]); }, [onUploadStateChange, upload, retryTimeout]);
return ( return (
<div> <div>
@ -138,7 +138,7 @@ export default function UploaderElement({ onUploadStateChange, upload }) {
)} )}
{upload.status === "error" && upload.error && <span className="text-error">{upload.error}</span>} {upload.status === "error" && upload.error && <span className="text-error">{upload.error}</span>}
{upload.status === "retrying" && ( {upload.status === "retrying" && (
<span>Too many parallel requests, retrying in {TOO_MANY_REQUESTS_RETRY / 1000} seconds</span> <span>Too many parallel requests, retrying in {retryTimeout / 1000} seconds</span>
)} )}
</div> </div>
<div> <div>