Add new configuration fields; pass down edit mode as prop

eea · Oct 5, 2021 · f31678e · f31678e
1 parent 555de94
commit f31678e
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 4 deletions.
diff --git a/src/SearchBlock/SearchBlockEdit.jsx b/src/SearchBlock/SearchBlockEdit.jsx
@@ -15,7 +15,7 @@ const SearchBlockEdit = (props) => {
 
   return (
     <div>
-      <SearchBlockView {...props} />
+      <SearchBlockView {...props} mode="edit" />
       <SidebarPortal selected={props.selected}>
         <BlockDataForm
           schema={schema}

diff --git a/src/SearchBlock/SearchBlockView.jsx b/src/SearchBlock/SearchBlockView.jsx
@@ -45,7 +45,7 @@ const applyBlockSettings = (config, appName, data, schema) => {
 };
 
 export default function SearchBlockView(props) {
-  const { data = {} } = props;
+  const { data = {}, mode = 'view' } = props;
   const schema = SearchBlockSchema(props);
   const { appName = 'default' } = data;
   const registry = applyBlockSettings(
@@ -57,7 +57,7 @@ export default function SearchBlockView(props) {
   console.log('registry', { data, registry });
   return (
     <div className="searchlib-block">
-      <SearchApp registry={registry} appName={appName} />
+      <SearchApp registry={registry} appName={appName} mode={mode} />
     </div>
   );
 }
diff --git a/src/SearchBlock/schema.js b/src/SearchBlock/schema.js
@@ -9,6 +9,11 @@ export const SearchBlockSchema = () => ({
       title: 'Default',
       fields: ['appName'],
     },
+    {
+      id: 'general',
+      title: 'General settings',
+      fields: ['headline', 'subheadline'],
+    },
     {
       id: 'nlp',
       title: 'NLP Capabilities Settings',
@@ -21,6 +26,16 @@ export const SearchBlockSchema = () => ({
       title: 'Searchlib app',
       choices: [],
     },
+
+    headline: {
+      title: 'Main headline',
+      configPath: 'title',
+    },
+    subheadline: {
+      title: 'Text below headline',
+      configPath: 'subheadline',
+    },
+
     use_qa_dp: {
       title: 'Use DensePassageRetrieval for QA?',
       description: (

diff --git a/src/index.js b/src/index.js
@@ -61,7 +61,7 @@ export const installGlobalSearch = (config) => {
   const { globalsearch } = config.settings.searchlib.searchui;
 
   globalsearch.elastic_index = '_es/globalsearch';
-  globalsearch.layoutComponent = 'LeftColumnLayout';
+  // globalsearch.layoutComponent = 'LeftColumnLayout';
 
   return config;
 };