Update results to display non-source fields in search comparison tool (…

…#340) * Update results to display fields property in addition to source Signed-off-by: Nicholas Ung <nicholasung22@gmail.com> * Return result bins to limited height Signed-off-by: Nicholas Ung <nicholasung22@gmail.com> * Add back space between entries Signed-off-by: Nicholas Ung <nicholasung22@gmail.com> --------- Signed-off-by: Nicholas Ung <nicholasung22@gmail.com>
opensearch-project · Nov 29, 2023 · 8f1422d · 8f1422d
1 parent c64b9f5
commit 8f1422d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/public/components/query_compare/search_result/result_components/result_grid.tsx b/public/components/query_compare/search_result/result_components/result_grid.tsx
@@ -44,12 +44,14 @@ export const ResultGridComponent = ({
     );
   };
 
-  const getDlTmpl = (doc: IDocType) => {
+  const getDlTmpl = (doc: Document) => {
+    const sourceFields = Object.assign(doc._source, doc.fields);
+
     return (
       <div className="truncate-by-height">
         <span>
           <dl className="source truncate-by-height">
-            {_.toPairs(doc).map((entry: string[]) => {
+            {_.toPairs(sourceFields).map((entry: string[]) => {
               return (
                 <span key={uniqueId('grid-dt-dd-')}>
                   <dt>{`${entry[0]}:`}</dt>
@@ -165,11 +167,11 @@ export const ResultGridComponent = ({
     cols.push(getRankColumn(document._id, documentRank));
 
     // No field is selected
-    const _sourceLikeDOM = getDlTmpl(document._source);
+    const _sourceFieldsLikeDOM = getDlTmpl(document);
     cols.push(
       getTdTmpl({
         clsName: fieldClsName,
-        content: _sourceLikeDOM,
+        content: _sourceFieldsLikeDOM,
       })
     );
 

diff --git a/public/types/index.ts b/public/types/index.ts
@@ -24,6 +24,7 @@ export interface Document {
   _id: string;
   _score: number;
   _source: IDocType;
+  fields: IDocType;
 }
 
 export interface SearchResults {