Merge pull request #4195 from RedisInsight/fe/bugfix/RI-6417

#RI-6417 - fix values for the form

Author: mariasergeenko

redisinsight/ui/src/pages/home/HomePage.tsx

@@ -32,7 +32,7 @@ import {
 import { sendEventTelemetry, sendPageViewTelemetry, TelemetryEvent, TelemetryPageView } from 'uiSrc/telemetry'
 import { appRedirectionSelector, setUrlHandlingInitialState } from 'uiSrc/slices/app/url-handling'
 import { UrlHandlingActions } from 'uiSrc/slices/interfaces/urlHandling'
-import { AddDbType, CREATE_CLOUD_DB_ID } from 'uiSrc/pages/home/constants'
+import { CREATE_CLOUD_DB_ID } from 'uiSrc/pages/home/constants'
 import { appFeatureFlagsFeaturesSelector } from 'uiSrc/slices/app/features'
 
 import DatabasesList from './components/database-list-component'
@@ -174,7 +174,7 @@ const HomePage = () => {
     })
   }
 
-  const handleAddInstance = (addDbType = AddDbType.manual) => {
+  const handleAddInstance = () => {
     setOpenDialog(OpenDialogName.AddDatabase)
     dispatch(setEditedInstance(null))
   }
@@ -212,7 +212,6 @@ const HomePage = () => {
               <DatabasePanelDialog
                 editMode={openDialog === OpenDialogName.EditDatabase}
                 urlHandlingAction={action}
-                initialValues={dbConnection ?? null}
                 editedInstance={
                   openDialog === OpenDialogName.EditDatabase
                     ? editedInstance

redisinsight/ui/src/pages/home/components/database-panel-dialog/DatabasePanelDialog.tsx

@@ -29,7 +29,6 @@ import styles from './styles.module.scss'
 export interface Props {
   editMode: boolean
   urlHandlingAction?: Nullable<UrlHandlingActions>
-  initialValues?: Nullable<Record<string, any>>
   editedInstance: Nullable<Instance>
   onClose: () => void
   onDbEdited?: () => void
@@ -40,10 +39,9 @@ const DatabasePanelDialog = (props: Props) => {
   const {
     editMode,
     onClose,
-    initialValues: initialValuesProp,
   } = props
 
-  const [initialValues, setInitialValues] = useState(initialValuesProp)
+  const [initialValues, setInitialValues] = useState(null)
   const [connectionType, setConnectionType] = useState<Nullable<AddDbType>>(null)
   const [modalHeader, setModalHeader] = useState<Nullable<React.ReactNode>>(null)
 
@@ -72,6 +70,7 @@ const DatabasePanelDialog = (props: Props) => {
   useEffect(() => {
     if (action === UrlHandlingActions.Connect) {
       setConnectionType(AddDbType.manual)
+      setInitialValues(dbConnection)
     }
   }, [action, dbConnection])