#RI-6549 - add cursor id for ft.aggregate result

Author: rsergeenko

redisinsight/ui/src/packages/redisearch/src/App.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable react/jsx-filename-extension */
 import React from 'react'
+import { isArray } from 'lodash'
 import { setHeaderText } from 'redisinsight-plugin-sdk'
 import { appendIconComponentCache } from '@elastic/eui/es/components/icon/icon'
 
@@ -42,11 +43,19 @@ const App = (props: Props) => {
     commandUpper.startsWith(Command.Aggregate)
     || (isProfileCommand && profileQueryType.toUpperCase() === ProfileType.Aggregate)
   ) {
-    const [matched, ...arrayResponse] = isProfileCommand ? response[0] : response
+    const isResponseInArray = isArray(response[0])
+    const [matched, ...arrayResponse] = isResponseInArray ? response[0] : response
     setHeaderText(`Matched:${matched}`)
 
     const result = parseAggregateRawResponse(arrayResponse)
-    return <TableResult query={command} result={result} matched={matched} />
+    return (
+      <TableResult
+        query={command}
+        result={result}
+        matched={matched}
+        cursorId={isResponseInArray ? response[1] : null}
+      />
+    )
   }
 
   if (

redisinsight/ui/src/packages/redisearch/src/components/TableResult/TableResult.tsx

@@ -17,13 +17,14 @@ export interface Props {
   query: string;
   result: any;
   matched?: number;
+  cursorId?: null | number;
 }
 
 const loadingMessage = 'loading...'
 const noResultsMessage = 'No results found.'
 
 const TableResult = React.memo((props: Props) => {
-  const { result, query, matched } = props
+  const { result, query, matched, cursorId } = props
 
   const [columns, setColumns] = useState<EuiBasicTableColumn<any>[]>([])
 
@@ -102,7 +103,10 @@ const TableResult = React.memo((props: Props) => {
 
   return (
     <div className={cx('queryResultsContainer', 'container')}>
-      {!!matched && <div className={cx('matched')}>{`Matched: ${matched}`}</div>}
+      <div className="queryHeader">
+        {!!matched && <div className={cx('matched')}>{`Matched: ${matched}`}</div>}
+        {!!cursorId && <div className={cx('matched')}>{`Cursor ID: ${cursorId}`}</div>}
+      </div>
       {isDataArr && (
         <EuiInMemoryTable
           pagination

redisinsight/ui/src/packages/redisearch/src/result_aggregate_array.json

@@ -0,0 +1,91 @@
+[
+  {
+    "status": "success",
+    "response": [
+      [
+        50,
+        [
+          "category",
+          "category0",
+          "total_quantit",
+          "9921",
+          "avg_price",
+          "528.235"
+        ],
+        [
+          "category",
+          "category1",
+          "total_quantit",
+          "10572",
+          "avg_price",
+          "536.8"
+        ],
+        [
+          "category",
+          "category10",
+          "total_quantit",
+          "9564",
+          "avg_price",
+          "486.76"
+        ],
+        [
+          "category",
+          "category11",
+          "total_quantit",
+          "10605",
+          "avg_price",
+          "494.415"
+        ],
+        [
+          "category",
+          "category12",
+          "total_quantit",
+          "9991",
+          "avg_price",
+          "506.77"
+        ],
+        [
+          "category",
+          "category13",
+          "total_quantit",
+          "9980",
+          "avg_price",
+          "479.96"
+        ],
+        [
+          "category",
+          "category14",
+          "total_quantit",
+          "9786",
+          "avg_price",
+          "514.145"
+        ],
+        [
+          "category",
+          "category15",
+          "total_quantit",
+          "10164",
+          "avg_price",
+          "510.15"
+        ],
+        [
+          "category",
+          "category16",
+          "total_quantit",
+          "10035",
+          "avg_price",
+          "494.715"
+        ],
+        [
+          "category",
+          "category17",
+          "total_quantit",
+          "10589",
+          "avg_price",
+          "507.645"
+        ]
+      ],
+      940326616
+    ]
+  }
+]

redisinsight/ui/src/packages/redisearch/src/styles/styles.scss

@@ -37,6 +37,15 @@ html {
   word-break: break-word;
 }
 
+.queryHeader {
+  display: flex;
+  align-items: center;
+
+  .matched {
+    margin-right: 12px;
+  }
+}
+
 .matched {
   color: var(--euiColorFullShade);
   padding-bottom: 12px;