Rendrer parts uten descriptors i editoren, med editorhelp

Author: anders-nom

src/components/_editor-only/editor-help/EditorHelp.tsx

@@ -29,12 +29,13 @@ type Props = {
     text: string;
     globalWarningText?: string;
     type?: 'info' | 'error' | 'help' | 'arrowUp' | 'arrowDown';
-};
+} & React.HTMLAttributes<HTMLDivElement>;
 
 export const EditorHelp = ({
     text,
     globalWarningText,
     type = 'help',
+    ...rest
 }: Props) => {
     const { pageConfig } = usePageConfig();
     const { editorView } = pageConfig;
@@ -52,7 +53,7 @@ export const EditorHelp = ({
     }
 
     return (
-        <div className={style.editorHelp} id={id}>
+        <div className={style.editorHelp} id={id} {...rest}>
             <StaticImage
                 imageData={imagePath[type]}
                 alt={''}

src/components/parts/PartsMapper.tsx

@@ -151,13 +151,19 @@ const PartComponent = ({ partProps, pageProps }: Props) => {
 export const PartsMapper = ({ pageProps, partProps }: Props) => {
     const { path, descriptor, config } = partProps;
 
-    if (!descriptor) {
-        return null;
-    }
-
     const isEditView = pageProps.editorView === 'edit';
     const editorProps = isEditView ? buildEditorProps(path) : undefined;
 
+    if (!descriptor) {
+        return (
+            <EditorHelp
+                text={'Velg en part-komponent'}
+                type={'info'}
+                {...editorProps}
+            />
+        );
+    }
+
     if (partsDeprecated.has(descriptor)) {
         return isEditView ? <div {...editorProps} /> : null;
     }