#RI2475, #2479, #2485, #2489 - fix settings page, redis cancel edit button, logo tooltip

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/main-router/constants/redisStackRoutes.ts

@@ -1,6 +1,6 @@
 import { PageNames, Pages, IRoute } from 'uiSrc/constants'
 import {
-  BrowserPage, InstancePage, SettingsPage,
+  BrowserPage, InstancePage,
 } from 'uiSrc/pages'
 import WorkbenchPage from 'uiSrc/pages/workbench'
 import EditConnection from 'uiSrc/pages/redisStack/components/edit-connection'
@@ -28,10 +28,6 @@ const ROUTES: IRoute[] = [
     component: EditConnection,
   },
   ...COMMON_ROUTES,
-  {
-    path: Pages.settings,
-    component: SettingsPage,
-  },
   {
     path: '/:instanceId',
     protected: true,

redisinsight/ui/src/components/navigation-menu/NavigationMenu.tsx

@@ -233,7 +233,7 @@ const NavigationMenu = ({ buildType }: IProps) => {
     <EuiPageSideBar aria-label="Main navigation" className={cx(styles.navigation, 'eui-yScroll')}>
       <div className={styles.container}>
         <EuiToolTip
-          content={buildType === BuildType.RedisStack ? 'Redis Stack' : 'My Redis databases'}
+          content={buildType === BuildType.RedisStack ? 'Edit database' : 'My Redis databases'}
           position="right"
         >
           <span className={styles.iconLogo}>

redisinsight/ui/src/pages/redisStack/components/edit-connection/EditConnection.tsx

@@ -49,6 +49,8 @@ const EditConnection = () => {
     }
   }, [])
 
+  const onClose = () => history.goBack()
+
   const getInstanceInfo = async () => {
     try {
       setState(DEFAULT_STATE)
@@ -68,7 +70,7 @@ const EditConnection = () => {
   const onInstanceChanged = () => {
     if (server?.fixedDatabaseId) {
       dispatch(setConnectedInstanceId(server.fixedDatabaseId))
-      history.push(Pages.browser(server?.fixedDatabaseId))
+      history.goBack()
     }
   }
 
@@ -78,6 +80,7 @@ const EditConnection = () => {
 
   const CreateCloudBtn = ({ content }: { content: ContentCreateRedis }) => {
     const { title, description, styles, links } = content
+
     // @ts-ignore
     const linkStyles = styles ? styles[theme] : {}
     return (
@@ -123,6 +126,7 @@ const EditConnection = () => {
                     onDbAdded={() => {}}
                     onDbEdited={onInstanceChanged}
                     onAliasEdited={onAliasChanged}
+                    onClose={onClose}
                   />
                 </div>
                 <div id="footerDatabaseForm" />