Merge pull request #3632 from RedisInsight/fe/feature/RI-5944

#RI-5944 - remove tooltip

Author: rsergeenko

redisinsight/ui/src/pages/rdi/home/connection-form/ConnectionForm.spec.tsx

@@ -72,16 +72,6 @@ describe('ConnectionForm', () => {
     expect(screen.getByTestId('connection-form-url-input')).toBeDisabled()
   })
 
-  it('should show url tooltip when url input is not disabled', async () => {
-    render(<ConnectionForm {...mockedProps} />)
-
-    fireEvent.mouseOver(screen.getByTestId('connection-form-url-icon'))
-
-    const tooltip = await screen.findByTestId('connection-form-url-tooltip')
-
-    expect(tooltip).toBeInTheDocument()
-  })
-
   it('should show validation tooltip when submit button is disabled', async () => {
     render(<ConnectionForm {...mockedProps} />)
 

redisinsight/ui/src/pages/rdi/home/connection-form/ConnectionForm.tsx

@@ -6,9 +6,7 @@ import {
   EuiFlexItem,
   EuiForm,
   EuiFormRow,
-  EuiIcon,
   EuiTitle,
-  EuiToolTip
 } from '@elastic/eui'
 import { Field, FieldInputProps, FieldMetaProps, Form, Formik, FormikErrors, FormikHelpers } from 'formik'
 import React, { useEffect, useState } from 'react'
@@ -43,33 +41,6 @@ const getInitialValues = (values: RdiInstance | null): ConnectionFormValues => (
   password: values ? null : ''
 })
 
-const UrlTooltip = () => (
-  <EuiToolTip
-    data-testid="connection-form-url-tooltip"
-    title={(
-      <div>
-        <p>
-          <b>Pasting a connection URL auto fills the instance details.</b>
-        </p>
-        <p style={{ margin: 0, paddingTop: '10px' }}>The following connection URLs are supported:</p>
-      </div>
-        )}
-    className={styles.urlTooltip}
-    anchorClassName="inputAppendIcon"
-    position="right"
-    content={(
-      <ul>
-        <li>
-          <span />
-          TBD
-        </li>
-      </ul>
-        )}
-  >
-    <EuiIcon data-testid="connection-form-url-icon" type="iInCircle" style={{ cursor: 'pointer' }} />
-  </EuiToolTip>
-)
-
 const ConnectionForm = (props: Props) => {
   const { onSubmit, onCancel, editInstance, isLoading } = props
 
@@ -140,7 +111,6 @@ const ConnectionForm = (props: Props) => {
                       fullWidth
                       placeholder="Enter URL"
                       disabled={!!editInstance}
-                      append={!editInstance ? <UrlTooltip /> : undefined}
                       {...field}
                     />
                   )}