From 36feb2c41e8bff7c4b2311d4d5cdc0f47a265bc0 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Sat, 12 Jun 2021 01:43:35 +0530
Subject: [PATCH] fix: autoplay tooltip and text changes

---
 .../ProjectCodeSnippet/ProjectCodeSnippet.js   |  4 ++--
 .../components/Session_/Autoplay/Autoplay.js   | 18 ++++++++++++------
 .../ProjectCodeSnippet/ProjectCodeSnippet.js   |  4 ++--
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js b/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js
index 755718ef0..fb52d0e5f 100644
--- a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js
+++ b/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js
@@ -92,7 +92,7 @@ const ProjectCodeSnippet = props  => {
     <div>
       <div className="mb-4">
         <div className="font-semibold mb-2 flex items-center">
-          <CircleNumber text="1" /> Choose data recording options:
+          <CircleNumber text="1" /> Choose data recording options
         </div>
         <div className="flex items-center ml-10">
           <Select
@@ -149,7 +149,7 @@ const ProjectCodeSnippet = props  => {
         </Highlight>
       </div>
       {/* TODO Extract for SaaS */}
-      <div className="my-4">You can also setup OpenReplay using <a className="link" href="https://docs.openreplay.com/integrations/google-tag-manager" target="_blank">Google Tag Manager (GTM)</a> or <a className="link" href="https://docs.openreplay.com/integrations/segment" target="_blank">Segment</a>. </div>
+      <div className="my-4">You can also setup OpenReplay using <a className="link" href="https://docs.openreplay.com/integrations/google-tag-manager" target="_blank">Google Tag Manager (GTM)</a>.</div>
     </div>
   )
 }
diff --git a/frontend/app/components/Session_/Autoplay/Autoplay.js b/frontend/app/components/Session_/Autoplay/Autoplay.js
index c88be2cf3..654626cff 100644
--- a/frontend/app/components/Session_/Autoplay/Autoplay.js
+++ b/frontend/app/components/Session_/Autoplay/Autoplay.js
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react'
 import { connect } from 'react-redux'
 import { setAutoplayValues } from 'Duck/sessions'
 import { session as sessionRoute } from 'App/routes';
-import { Link, Icon, Slider } from 'UI';
+import { Link, Icon, Slider, Tooltip } from 'UI';
 import { connectPlayer } from 'Player/store';
 import { Controls as PlayerControls } from 'Player';
 
@@ -18,12 +18,18 @@ function Autoplay(props) {
       <Link to={ sessionRoute(previousId) } disabled={!previousId}>
 		  	<Icon name="prev1" size="20" color="teal" />
 		  </Link>
-      <Slider
-        name="sessionsLive"
-        onChange={ props.toggleAutoplay }
-        checked={ autoplay }
-        style={{ margin: '0 10px' }}
+      <Tooltip        
+        trigger={
+          <Slider
+            name="sessionsLive"
+            onChange={ props.toggleAutoplay }
+            checked={ autoplay }
+            style={{ margin: '0 10px' }}
+          />
+        }
+        tooltip={'Autoplay'}
       />
+      
       <Link to={ sessionRoute(nextId) } siteId={ 1 } disabled={!nextId}>
 		  	<Icon name="next1" size="20" color="teal" />
 		  </Link>
diff --git a/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js b/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js
index df664a303..1fc8eea7b 100644
--- a/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js
+++ b/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js
@@ -90,7 +90,7 @@ const ProjectCodeSnippet = props  => {
   return (
     <div>
       <div className="mb-4">
-        <div className="font-semibold mb-2">1. Choose data recording options:</div>
+        <div className="font-semibold mb-2">1. Choose data recording options</div>
         <div className="flex items-center justify-between">
           <Select
             name="defaultInputMode"
@@ -144,7 +144,7 @@ const ProjectCodeSnippet = props  => {
           }}
         />
       </div>
-      <div className="my-4">You can also setup OpenReplay using <a className="link" href="https://docs.openreplay.com/integrations/google-tag-manager" target="_blank">Google Tag Manager (GTM)</a> or <a className="link" href="https://docs.openreplay.com/integrations/segment" target="_blank">Segment</a>. </div>
+      <div className="my-4">You can also setup OpenReplay using <a className="link" href="https://docs.openreplay.com/integrations/google-tag-manager" target="_blank">Google Tag Manager (GTM)</a>. </div>
     </div>
   )
 }