Merge pull request #1184 from RedisInsight/fe/bugfix/delimiter_and_auto-refresh_click

fix delimiter and auto-refresh click approve btn

Author: egor-zalenski

redisinsight/ui/src/components/inline-item-editor/InlineItemEditor.tsx

@@ -140,7 +140,7 @@ const InlineItemEditor = (props: Props) => {
   const isDisabledApply = (): boolean =>
     !!(isLoading || isError || isDisabled || (disableEmpty && !value.length))
 
-  const ApplyBtn = () => (
+  const ApplyBtn = (
     <EuiToolTip
       anchorClassName={styles.tooltip}
       position="bottom"
@@ -218,7 +218,7 @@ const InlineItemEditor = (props: Props) => {
                       isDisabled={isLoading}
                       data-testid="cancel-btn"
                     />
-                    <ApplyBtn />
+                    {ApplyBtn}
                   </div>
                 </EuiForm>
               </EuiFocusTrap>

redisinsight/ui/src/pages/browser/components/auto-refresh/AutoRefresh.tsx

@@ -244,4 +244,4 @@ const AutoRefresh = ({
   )
 }
 
-export default AutoRefresh
+export default React.memo(AutoRefresh)

redisinsight/ui/src/pages/browser/components/key-tree/KeyTreeDelimiter/KeyTreeDelimiter.tsx

@@ -93,4 +93,4 @@ const KeyTreeDelimiter = ({ loading }: Props) => {
   )
 }
 
-export default KeyTreeDelimiter
+export default React.memo(KeyTreeDelimiter)