#RI-5033 - fix pr comment

Author: egor-zalenski

redisinsight/ui/src/pages/browser/modules/key-details-header/KeyDetailsHeader.tsx

@@ -84,14 +84,8 @@ const KeyDetailsHeader = ({
     dispatch(editKey(oldKey, newKey, () => onEditKey(oldKey, newKey), onFailure))
   }
 
-  const handleDeleteKey = (key: RedisResponseBuffer, type: string) => {
-    dispatch(deleteSelectedKeyAction(key,
-      () => {
-        if (type === KeyTypes.String) {
-          dispatch(resetStringValue())
-        }
-        onRemoveKey()
-      }))
+  const handleDeleteKey = (key: RedisResponseBuffer) => {
+    dispatch(deleteSelectedKeyAction(key, onRemoveKey))
   }
 
   const handleEnableAutoRefresh = (enableAutoRefresh: boolean, refreshRate: string) => {

redisinsight/ui/src/pages/browser/modules/key-details-header/components/key-details-header-delete/KeyDetailsHeaderDelete.tsx

@@ -18,7 +18,7 @@ import {
 import styles from './styles.module.scss'
 
 export interface Props {
-  onDelete: (key: RedisResponseBuffer, type: string) => void
+  onDelete: (key: RedisResponseBuffer) => void
 }
 
 const KeyDetailsHeaderDelete = ({ onDelete }: Props) => {
@@ -88,7 +88,7 @@ const KeyDetailsHeaderDelete = ({ onDelete }: Props) => {
             size="s"
             color="warning"
             iconType="trash"
-            onClick={() => onDelete(keyBuffer, type)}
+            onClick={() => onDelete(keyBuffer)}
             className={styles.popoverDeleteBtn}
             data-testid="delete-key-confirm-btn"
           >

redisinsight/ui/src/pages/browser/modules/key-details/components/string-details/StringDetails.tsx

@@ -18,14 +18,15 @@ import {
 import { KeyDetailsHeader, KeyDetailsHeaderProps } from 'uiSrc/pages/browser/modules'
 import { RedisResponseBuffer } from 'uiSrc/slices/interfaces'
 import { IFetchKeyArgs } from 'uiSrc/constants/prop-types/keys'
-import { stringDataSelector, stringSelector } from 'uiSrc/slices/browser/string'
+import { resetStringValue, stringDataSelector, stringSelector } from 'uiSrc/slices/browser/string'
 import { isFormatEditable, isFullStringLoaded } from 'uiSrc/utils'
 import { StringDetailsTable } from './string-details-table'
 import { EditItemAction } from '../key-details-actions'
 
 export interface Props extends KeyDetailsHeaderProps {}
 
 const StringDetails = (props: Props) => {
+  const { onRemoveKey } = props
   const keyType = KeyTypes.String
 
   const { loading, viewFormat: viewFormatProp } = useSelector(selectedKeySelector)
@@ -46,6 +47,11 @@ const StringDetails = (props: Props) => {
     dispatch(refreshKey(key, type, args))
   }
 
+  const handleRemoveKey = () => {
+    dispatch(resetStringValue())
+    onRemoveKey()
+  }
+
   const Actions = () => (
     <EditItemAction
       title="Edit Value"
@@ -61,6 +67,7 @@ const StringDetails = (props: Props) => {
         {...props}
         key="key-details-header"
         keyType={keyType}
+        onRemoveKey={handleRemoveKey}
         Actions={Actions}
       />
       <div className="key-details-body" key="key-details-body">