ui: search - fix render issue for non strings

Signed-off-by: Pamfilos Fokianos <[email protected]>

Author: pamfilos

ui/cap-react/src/antd/search/components/FacetItem.js

@@ -29,7 +29,7 @@ const FacetItem = ({
                   onChange={e => onChange(category, e)}
                   checked={isAggSelected(
                     selectedAggs[category],
-                    item.get("key")
+                    `${item.get("key")}`
                   )}
                 >
                   <EllipsisText
@@ -39,8 +39,8 @@ const FacetItem = ({
                     type="secondary"
                   >
                     {item.has("__display_name__")
-                      ? item.get("__display_name__")
-                      : item.get("key")}
+                      ? `${item.get("__display_name__")}`
+                      : `${item.get("key")}`}
                   </EllipsisText>
                 </Checkbox>
                 <Tag>

ui/cap-react/src/antd/search/components/Results.js

@@ -53,9 +53,9 @@ const Results = ({ results, loading }) => {
 
       <Space size="small" style={{ marginBottom: "10px", flexWrap: "wrap" }}>
         {[
-          item.getIn(["schema", "name"]),
-          new Date(item.get("created")).toLocaleString("en-GB", timeOptions),
-          ...item.get("labels"),
+          ...(item.getIn(["schema", "name"]) ? [item.getIn(["schema", "name"])] : []),
+          ...(item.get("created") ? [new Date(item.get("created")).toLocaleString("en-GB", timeOptions)] : []),
+          ...(item.get("labels") || []),
         ].map(label => (
           <Tag key={label}>{label}</Tag>
         ))}