jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: autoplay tooltip and text changes

Browse source
This commit is contained in:
Shekar Siri 2021-06-12 01:43:35 +05:30
parent 0eb2eeaffe
commit 36feb2c41e
3 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js
View file

@ -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>
)
}

18
frontend/app/components/Session_/Autoplay/Autoplay.js
View file

@ -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>

4
frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.js
View file

@ -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>
)
}