Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Catch request errors when loading template previews

Browse Source 
[MAILPOET-4534]
This commit is contained in:
Jan Jakes
2023-12-07 16:25:42 +01:00
committed by Aschepikov
parent d4f0dac54a
commit c7a5dd4efa
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
mailpoet/assets/js/src/automation/templates/components/template-preview.tsx
View File

@ -36,25 +36,32 @@ type Props = {
};
export function TemplatePreview({ template }: Props): JSX.Element {
const [isLoaded, setIsLoaded] = useState(false);
const [state, setState] = useState<'loading' | 'loaded' | 'error'>('loading');
useEffect(() => {
const controller = new AbortController();
const loadTemplate = async () => {
setIsLoaded(false);
setState('loading');
initializeHooks();
createStore();
initializeIntegrations();
const data = await apiFetch<{ data: { automation: unknown } }>({
path: `/automation-templates/${template.slug}`,
method: 'GET',
signal: controller.signal,
});
dispatch(storeName).updateAutomation(data.data.automation);
setIsLoaded(true);
try {
const data = await apiFetch<{ data: { automation: unknown } }>({
path: `/automation-templates/${template.slug}`,
method: 'GET',
signal: controller.signal,
});
dispatch(storeName).updateAutomation(data.data.automation);
setState('loaded');
} catch (error) {
if (!controller.signal.aborted) {
setState('error');
}
}
};
void loadTemplate();
return () => {
@ -63,7 +70,7 @@ export function TemplatePreview({ template }: Props): JSX.Element {
};
}, [template.slug]);
return isLoaded ? (
return state === 'loaded' ? (
<Automation context="view" showStatistics={false} />
) : (
<div className="mailpoet-automation-template-detail-preview-spinner">