#RI-2061 - add state for EA

Author: Roman.Sergeenko

redisinsight/ui/src/constants/storage.ts

@@ -8,6 +8,7 @@ enum BrowserStorageItem {
   segmentAnonymousId = 'ajs_anonymous_id',
   wbClientUuid = 'wbClientUuid',
   wbInputHistory = 'wbInputHistory',
+  isEnablementAreaMinimized = 'isEnablementAreaMinimized'
 }
 
 export default BrowserStorageItem

redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementAreaCollapse/styles.module.scss

@@ -35,9 +35,11 @@
     height: 32px !important;
     background-color: var(--euiColorLightestShade) !important;
     border: 1px solid var(--euiColorPrimary) !important;
+    transition: none;
 
     &:hover {
       background-color: var(--buttonIconPrimaryHover) !important;
+      transition: transform 250ms ease-in-out, background 250ms ease-in-out;
     }
   }
 }

redisinsight/ui/src/pages/workbench/components/wb-view/WBView/WBView.tsx

@@ -5,6 +5,8 @@ import { EuiResizableContainer } from '@elastic/eui'
 import * as monacoEditor from 'monaco-editor/esm/vs/editor/editor.api'
 
 import { Nullable } from 'uiSrc/utils'
+import { BrowserStorageItem } from 'uiSrc/constants'
+import { localStorageService } from 'uiSrc/services'
 import InstanceHeader from 'uiSrc/components/instance-header'
 import QueryWrapper from 'uiSrc/components/query'
 import { WBHistoryObject } from 'uiSrc/pages/workbench/interfaces'
@@ -39,7 +41,9 @@ export interface Props {
 const WBView = (props: Props) => {
   const { script = '', loading, setScript, setScriptEl,
     scriptEl, onSubmit, onQueryDelete, scrollDivRef, historyItems } = props
-  const [isMinimized, setIsMinimized] = useState<boolean>(false)
+  const [isMinimized, setIsMinimized] = useState<boolean>(
+    (localStorageService?.get(BrowserStorageItem.isEnablementAreaMinimized) ?? 'false') === 'true'
+  )
 
   const { panelSizes: { vertical } } = useSelector(appContextWorkbench)
 
@@ -51,6 +55,10 @@ const WBView = (props: Props) => {
     dispatch(setWorkbenchVerticalPanelSizes(verticalSizesRef.current))
   }, [])
 
+  useEffect(() => {
+    localStorageService.set(BrowserStorageItem.isEnablementAreaMinimized, isMinimized)
+  }, [isMinimized])
+
   const onVerticalPanelWidthChange = useCallback((newSizes: any) => {
     verticalSizesRef.current = newSizes
   }, [])