#RI-3329 - add survey link

Author: rsergeenko

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

@@ -14,6 +14,7 @@ import {
 } from 'uiSrc/slices/cli/cli-settings'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { monitorSelector, toggleHideMonitor, toggleMonitor } from 'uiSrc/slices/cli/monitor'
+import SurveyIcon from 'uiSrc/assets/img/survey_icon.svg'
 
 import styles from '../../styles.module.scss'
 
@@ -67,6 +68,12 @@ const BottomGroupMinimized = () => {
     dispatch(toggleMonitor())
   }
 
+  const onClickSurvey = () => {
+    sendEventTelemetry({
+      event: TelemetryEvent.USER_SURVEY_LINK_CLICKED
+    })
+  }
+
   return (
     <div className={styles.containerMinimized}>
       <EuiFlexGroup
@@ -117,6 +124,18 @@ const BottomGroupMinimized = () => {
           </EuiBadge>
         </EuiFlexItem>
       </EuiFlexGroup>
+      <a
+        className={styles.link}
+        target="_blank"
+        rel="noreferrer"
+        href="#"
+        onClick={onClickSurvey}
+      >
+        <>
+          <EuiIcon type={SurveyIcon} className={styles.surveyIcon} />
+          <span>We need your opinion, take a survey!</span>
+        </>
+      </a>
     </div>
   )
 }

redisinsight/ui/src/components/bottom-group-components/components/bottom-group-minimized/BottomGroupMinimized.tsx

@@ -11,9 +11,33 @@
 }
 
 .containerMinimized {
+  display: flex;
+  align-items: center;
   height: 26px;
   line-height: 26px;
   border: 1px solid var(--euiColorLightShade);
+
+  .link {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    background: #F6F7F9;
+    padding: 0 12px;
+    border-radius: 4px 4px 0 0;
+
+    color: #010101 !important;
+    font: normal normal normal 12px/18px Graphik;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .surveyIcon {
+    margin-right: 8px;
+    width: 20px;
+    height: 20px;
+  }
 }
 
 .componentBadgeItem {

redisinsight/ui/src/components/bottom-group-components/styles.module.scss

@@ -179,4 +179,6 @@ export enum TelemetryEvent {
   BULK_ACTIONS_OPENED = 'BULK_ACTIONS_OPENED',
   BULK_ACTIONS_WARNING = 'BULK_ACTIONS_WARNING',
   BULK_ACTIONS_CANCELLED = 'BULK_ACTIONS_CANCELLED',
+
+  USER_SURVEY_LINK_CLICKED = 'USER_SURVEY_LINK_CLICKED'
 }