Merge pull request #1378 from RedisInsight/fe/bugfix/RI-3791_fix-cancel

#RI-3791 - fix telemetry event

Author: rsergeenko

redisinsight/ui/src/pages/browser/components/browser-right-panel/BrowserRightPanel.tsx

@@ -141,7 +141,10 @@ const BrowserRightPanel = (props: Props) => {
         />
       )}
       {isCreateIndexPanelOpen && every([!isAddKeyPanelOpen, !isBulkActionsPanelOpen], Boolean) && (
-        <CreateRedisearchIndex onClosePanel={onCloseRedisearchPanel} />
+        <CreateRedisearchIndex
+          onCreateIndex={closePanel}
+          onClosePanel={onCloseRedisearchPanel}
+        />
       )}
     </>
   )

redisinsight/ui/src/pages/browser/components/create-redisearch-index/CreateRedisearchIndex.tsx

@@ -31,6 +31,7 @@ import styles from './styles.module.scss'
 
 export interface Props {
   onClosePanel: () => void
+  onCreateIndex: () => void
 }
 
 const keyTypeOptions = KEY_TYPE_OPTIONS.map((item) => {
@@ -52,7 +53,7 @@ const fieldTypeOptions = FIELD_TYPE_OPTIONS.map(({ value, text }) => ({
 
 const initialFieldValue = (id = 0) => ({ id, identifier: '', fieldType: fieldTypeOptions[0].value })
 
-const CreateRedisearchIndex = ({ onClosePanel }: Props) => {
+const CreateRedisearchIndex = ({ onClosePanel, onCreateIndex }: Props) => {
   const { viewType } = useSelector(keysSelector)
   const { loading } = useSelector(createIndexStateSelector)
   const { id: instanceId } = useSelector(connectedInstanceSelector)
@@ -117,7 +118,7 @@ const CreateRedisearchIndex = ({ onClosePanel }: Props) => {
       }
     })
 
-    onClosePanel()
+    onCreateIndex()
   }
 
   const isClearDisabled = (item: any): boolean => fields.length === 1 && !(item.identifier.length)

redisinsight/ui/src/pages/browser/components/create-redisearch-index/CreateRedisearchIndexWrapper.tsx

@@ -15,9 +15,10 @@ import styles from './styles.module.scss'
 
 export interface Props {
   onClosePanel: () => void
+  onCreateIndex: () => void
 }
 
-const CreateRedisearchIndexWrapper = ({ onClosePanel }: Props) => (
+const CreateRedisearchIndexWrapper = ({ onClosePanel, onCreateIndex }: Props) => (
   <div className={styles.page} data-testid="create-index-panel">
     <EuiFlexGroup
       justifyContent="center"
@@ -60,7 +61,10 @@ const CreateRedisearchIndexWrapper = ({ onClosePanel }: Props) => (
           </EuiText>
         </EuiFlexItem>
       </div>
-      <CreateRedisearchIndex onClosePanel={onClosePanel} />
+      <CreateRedisearchIndex
+        onCreateIndex={onCreateIndex}
+        onClosePanel={onClosePanel}
+      />
     </EuiFlexGroup>
   </div>
 )