Add toggles for showLandingPage and onlyLandingPage

eea · Dec 2, 2022 · 8bf0d00 · 8bf0d00
1 parent 7c0d3ce
commit 8bf0d00
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 8 deletions.
diff --git a/searchlib/components/Layout/TopFilterLayout.jsx b/searchlib/components/Layout/TopFilterLayout.jsx
@@ -1,11 +1,20 @@
 import React from 'react';
+import { useAtom } from 'jotai';
 import { Grid, Dimmer, Loader } from 'semantic-ui-react';
+
 import { isLandingPageAtom } from '@eeacms/search/state';
-import { useAtom } from 'jotai';
 import { useSearchContext } from '@eeacms/search/lib/hocs';
 
 const TopFilterLayout = (props) => {
-  const { bodyContent, bodyFooter, bodyHeader, header, sideContent } = props;
+  const {
+    bodyContent,
+    bodyFooter,
+    bodyHeader,
+    header,
+    sideContent,
+    appConfig,
+  } = props;
+  const { onlyLandingPage = false } = appConfig;
   const [isLandingPage] = useAtom(isLandingPageAtom);
   const searchContext = useSearchContext();
 
@@ -17,11 +26,13 @@ const TopFilterLayout = (props) => {
         </Dimmer>
       )}
 
-      <div className="search-header-container">
-        <div className="sui-layout-header">
-          <div className="sui-layout-header__inner">{header}</div>
+      {!onlyLandingPage && (
+        <div className="search-header-container">
+          <div className="sui-layout-header">
+            <div className="sui-layout-header__inner">{header}</div>
+          </div>
         </div>
-      </div>
+      )}
 
       <div className="body-content">
         {!isLandingPage && <>{sideContent}</>}

diff --git a/searchlib/registry.js b/searchlib/registry.js
@@ -245,7 +245,6 @@ const config = {
       title: 'Search catalogue', // the main search app headline
       headline: '', // main headline
       subheadline: '', // text under the headline
-      searchInputPlaceholder: '', // search input placeholder
       demoquestion: '', // Question used as example under the search input
       // debug: true,
       hasA11yNotifications: true,
@@ -264,6 +263,9 @@ const config = {
       // when entering in search view, this will be the default search text
       defaultSearchText: '',
 
+      showLandingPage: true,
+      onlyLandingPage: false,
+
       // Custom placeholder text for search input
       searchInputPlaceholder: '',
 

diff --git a/src/SearchBlock/schema.js b/src/SearchBlock/schema.js
@@ -7,7 +7,14 @@ export const SearchBlockSchema = ({ formData = {} }) => ({
     {
       id: 'default',
       title: 'Default',
-      fields: ['appName', 'headline', 'subheadline', 'searchInputPlaceholder'],
+      fields: [
+        'appName',
+        'headline',
+        'subheadline',
+        'searchInputPlaceholder',
+        'showLandingPage',
+        ...(formData?.showLandingPage ? ['onlyLandingPage'] : []),
+      ],
     },
     {
       id: 'general',
@@ -46,6 +53,19 @@ export const SearchBlockSchema = ({ formData = {} }) => ({
       choices: [],
     },
 
+    showLandingPage: {
+      title: 'Show landing page',
+      type: 'boolean',
+      configPath: 'showLandingPage',
+      default: true,
+    },
+    onlyLandingPage: {
+      title: 'Only landing page?',
+      type: 'boolean',
+      configPath: 'onlyLandingPage',
+      default: false,
+    },
+
     enableNLP: {
       type: 'boolean',
       title: 'Enable NLP capabilities?',