Handle null/undefined values in content and view selector

Author: bdahle

xp-archive/client/content/Content.tsx

@@ -55,9 +55,9 @@ export const Content = () => {
         <div className={style.content}>
             <div className={style.top}>
                 <div>
-                    <Detail spacing>{data?.json._path}</Detail>
+                    <Detail spacing>{data?.json._path ?? ''}</Detail>
                     <Heading size={'medium'} level={'2'} spacing>
-                        {data?.json.displayName}
+                        {data?.json.displayName ?? ''}
                     </Heading>
                     <ViewSelector
                         selectedView={selectedView}

xp-archive/client/viewSelector/ViewSelector.tsx

@@ -39,6 +39,10 @@ export const ViewSelector = ({
 
     const relevantViewVariants = getRelevantViewVariants(isWebpage, hasAttachment);
 
+    if (relevantViewVariants.length === 0) {
+        return null;
+    }
+
     return (
         <ToggleGroup
             className={style.datatheme}