Only include default preview frame styles if no preview styles are provided

This commit is contained in:
Daniel Lautzenheiser
2023-04-04 21:50:00 -04:00
parent 8e06fe0fd6
commit 7413483266
2 changed files with 18 additions and 12 deletions

View File

@ -112,18 +112,20 @@ const PreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
const { widgetFor, widgetsFor } = useWidgetsFor(config, collection, fields, entry);
const previewStyles = useMemo(
() => [
...getPreviewStyles().map((style, i) => {
if (style.raw) {
return <style key={i}>{style.value}</style>;
}
return <link key={i} href={style.value} type="text/css" rel="stylesheet" />;
}),
<style key="global">{FrameGlobalStyles}</style>,
],
[],
);
const previewStyles = useMemo(() => {
const styles = getPreviewStyles().map((style, i) => {
if (style.raw) {
return <style key={i}>{style.value}</style>;
}
return <link key={i} href={style.value} type="text/css" rel="stylesheet" />;
});
if (styles.length === 0) {
return <style key="global">{FrameGlobalStyles}</style>;
}
return styles;
}, []);
const previewComponent = useMemo(
() => getPreviewTemplate(selectTemplateName(collection, entry.slug)) ?? EditorPreview,