import axios from 'axios';
import React, { useCallback, useEffect, useState } from 'react';
+import { Helmet } from 'react-helmet';
+import { useTranslation } from 'react-i18next';
import Generate from '../aos-generate/Generate';
import ErrorBoundary from '../common/ErrorBoundary';
import ErrorMessage from '../common/ErrorMessage';
import Loading from '../common/Loading';
-import i18n from '../../i18n';
const AosGenerate = () => {
const [error, setError] = useState(null);
const [loading, setLoading] = useState(true);
const [presets, setPresets] = useState([]);
+ const { t } = useTranslation();
+
const loadPresets = useCallback(ctrl => {
axios
.get('/api/aos-presets', { signal: ctrl.signal })
};
}, []);
- useEffect(() => {
- window.document.title = i18n.t('aosGenerate.heading');
- }, [i18n.language]);
-
if (loading) {
return <Loading />;
}
}
return <ErrorBoundary>
+ <Helmet>
+ <title>{t('aosGenerate.heading')}</title>
+ </Helmet>
<Generate presets={presets} />
</ErrorBoundary>;
};