import axios from 'axios';
import React, { useCallback, useEffect, useState } from 'react';
+import { Helmet } from 'react-helmet';
import { useParams } from 'react-router-dom';
import NotFound from './NotFound';
setError(null);
setLoading(false);
setSeed(response.data);
- window.document.title = response.data.hash;
})
.catch(error => {
setError(error);
};
}, [hash, seed]);
+ const retry = useCallback(async () => {
+ await axios.post(`/api/aos-seed/${hash}/retry`);
+ setSeed(seed => ({ ...seed, status: 'pending' }));
+ });
+
if (loading) {
return <Loading />;
}
}
return <ErrorBoundary>
- <Seed patch={patch} seed={seed} />
+ <Helmet>
+ {seed ?
+ <title>{seed.hash}</title>
+ : null}
+ </Helmet>
+ <Seed onRetry={retry} patch={patch} seed={seed} />
</ErrorBoundary>;
};