+
+ { profilingTime &&
+ (
+ module === ModuleType.Search ?
+ (
+
+ {
+ Object.keys(profilingTime).map(key => (
+
+
{profilingTime[key]}
+
{key}
+
+ ))
+ }
+
+ )
+ :
+ type === CoreType.Profile && (
+
Total execution time: {profilingTime['Total Execution Time']} ms
+ )
+ )}
+
+ )
+}
diff --git a/redisinsight/ui/src/packages/ri-explain/src/Node.tsx b/redisinsight/ui/src/packages/ri-explain/src/Node.tsx
new file mode 100644
index 0000000000..4b3ad21f12
--- /dev/null
+++ b/redisinsight/ui/src/packages/ri-explain/src/Node.tsx
@@ -0,0 +1,147 @@
+import React from 'react'
+import { EuiToolTip, EuiIcon } from '@elastic/eui'
+import { EntityInfo, EntityType } from './parser'
+
+interface INodeProps {
+ label: string
+ numRecords?: string
+ executionTime?: string
+ snippet?: string
+}
+
+
+function Snippet({content}: {content: string}) {
+ return (
+