#RI-6554 - fix pr comments, fix icons color

Author: rsergeenko

redisinsight/ui/src/assets/img/redis-software.svg

@@ -23,6 +23,7 @@ import {
 import { Pages } from 'uiSrc/constants'
 import ConnectivityOptions from './components/connectivity-options'
 import ConnectionUrl from './components/connection-url'
+import { Values } from './constants'
 
 import styles from './styles.module.scss'
 
@@ -63,9 +64,9 @@ const AddDatabaseScreen = (props: Props) => {
   const dispatch = useDispatch()
   const history = useHistory()
 
-  const validate = (values: any) => {
+  const validate = (values: Values) => {
     const payload = getPayload(values.connectionURL, true)
-    setIsInvalid(!payload && values.connectionURL)
+    setIsInvalid(!payload && !!values.connectionURL)
   }
 
   const handleTestConnection = () => {
@@ -87,7 +88,7 @@ const AddDatabaseScreen = (props: Props) => {
     }))
   }
 
-  const formik = useFormik({
+  const formik = useFormik<Values>({
     initialValues: {
       connectionURL: 'redis://[email protected]:6379'
     },

redisinsight/ui/src/assets/img/shield.svg

@@ -48,7 +48,7 @@ const ConnectivityOptions = (props: Props) => {
               {(ssoCloudHandlerClick, isSSOEnabled) => (
                 <EuiButton
                   color="secondary"
-                  className={cx(styles.typeBtn, styles.primary)}
+                  className={styles.typeBtn}
                   href={getUtmExternalLink(EXTERNAL_LINKS.tryFree, {
                     campaign: UTM_CAMPAINGS[OAuthSocialSource.AddDbForm]
                   })}

redisinsight/ui/src/pages/home/components/add-database-screen/AddDatabaseScreen.tsx

@@ -6,7 +6,7 @@ import ShieldIcon from 'uiSrc/assets/img/shield.svg?react'
 import RedisSoftwareIcon from 'uiSrc/assets/img/redis-software.svg?react'
 
 export interface Values {
-  connectionURL?: string
+  connectionURL: string
 }
 
 export const CONNECTIVITY_OPTIONS = [