RI-6339 - fixed missing add button

Author: KIvanow

redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/RejsonDetailsWrapper.tsx

@@ -12,6 +12,7 @@ import { KeyDetailsHeader, KeyDetailsHeaderProps } from 'uiSrc/pages/browser/mod
 import { stringToBuffer } from 'uiSrc/utils'
 import { IJSONData } from 'uiSrc/pages/browser/modules/key-details/components/rejson-details/interfaces'
 import RejsonDetails from './rejson-details'
+import { parseJsonData } from './utils'
 
 import styles from './styles.module.scss'
 
@@ -24,6 +25,8 @@ const RejsonDetailsWrapper = (props: Props) => {
   const { id: instanceId } = useSelector(connectedInstanceSelector)
   const { viewType } = useSelector(keysSelector)
 
+  const updatedData = parseJsonData(data)
+
   const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set())
 
   useEffect(() => {
@@ -96,11 +99,11 @@ const RejsonDetailsWrapper = (props: Props) => {
                 data-testid="progress-key-json"
               />
             )}
-            {!isUndefined(data) && (
+            {!isUndefined(updatedData) && (
               <RejsonDetails
                 selectedKey={selectedKey || stringToBuffer('')}
                 dataType={type || ''}
-                data={data as IJSONData}
+                data={updatedData as IJSONData}
                 length={length}
                 parentPath={path}
                 expandedRows={expandedRows}