1 import axios from 'axios';
2 import React, { useCallback, useEffect, useState } from 'react';
3 import { Helmet } from 'react-helmet';
4 import { useTranslation } from 'react-i18next';
6 import Generate from '../aos-generate/Generate';
7 import ErrorBoundary from '../common/ErrorBoundary';
8 import ErrorMessage from '../common/ErrorMessage';
9 import Loading from '../common/Loading';
11 const AosGenerate = () => {
12 const [error, setError] = useState(null);
13 const [loading, setLoading] = useState(true);
14 const [presets, setPresets] = useState([]);
16 const { t } = useTranslation();
18 const loadPresets = useCallback(ctrl => {
20 .get('/api/aos-presets', { signal: ctrl.signal })
24 setPresets(response.data);
35 const ctrl = new AbortController();
47 return <ErrorMessage error={error} />;
50 return <ErrorBoundary>
52 <title>{t('aosGenerate.heading')}</title>
54 <Generate presets={presets} />
58 export default AosGenerate;