feat(HelpBar): connect feedback form with feedback link (#4704)

Author: blegesse-w

src/support/components/FreeAccountSupportOverlay.tsx

@@ -1,6 +1,6 @@
 // Libraries
 import React, {FC, useContext} from 'react'
-import {useSelector} from 'react-redux'
+import {useDispatch, useSelector} from 'react-redux'
 
 // Components
 import {Icon, IconFont, List, Overlay} from '@influxdata/clockface'
@@ -19,19 +19,42 @@ import {
 import {SafeBlankLink} from 'src/utils/SafeBlankLink'
 import {shouldGetCredit250Experience} from 'src/me/selectors'
 
+// Actions
+import {dismissOverlay, showOverlay} from 'src/overlays/actions/overlays'
+
 // Constants
 import {CREDIT_250_EXPERIMENT_ID} from 'src/shared/constants'
 
+// Selectors
+import {getOrg} from 'src/organizations/selectors'
+import {getMe} from 'src/me/selectors'
+
 import './ContactSupport.scss'
 
 interface OwnProps {
   onClose: () => void
 }
 
 const FreeAccountSupportOverlay: FC<OwnProps> = () => {
+  const {id: orgID} = useSelector(getOrg)
+  const {id: meID} = useSelector(getMe)
   const {onClose} = useContext(OverlayContext)
   const isCredit250ExperienceActive = useSelector(shouldGetCredit250Experience)
 
+  const dispatch = useDispatch()
+
+  const openFeedbackOverlay = (event): void => {
+    event.preventDefault()
+    event(
+      'helpBar.feedbackAndQuestions.supportOverlay.shown',
+      {},
+      {userID: meID, orgID: orgID}
+    )
+    dispatch(
+      showOverlay('feedback-questions', null, () => dispatch(dismissOverlay))
+    )
+  }
+
   return (
     <Overlay.Container maxWidth={550}>
       <Overlay.Header
@@ -71,7 +94,9 @@ const FreeAccountSupportOverlay: FC<OwnProps> = () => {
           </List.Item>
           <List.Item>
             <div className="help-logo feedback" />
-            <SafeBlankLink href="">Feedback & Questions Form</SafeBlankLink>
+            <SafeBlankLink href="" onClick={openFeedbackOverlay}>
+              Feedback & Questions Form
+            </SafeBlankLink>
           </List.Item>
         </List>
       </Overlay.Body>