openreplay/frontend/app/components/Funnels/FunnelHeader/FunnelDropdown.js
Shekar Siri 941c6c06fd
Roles UI (#223)
* feat(ui) - roles and permissions

* feat(ui) - roles and permissions assist check

* feat(ui) - roles and permissions dev tools

* feat(ui) - roles and permissions logs

* feat(ui) - roles and permissions logs

* feat(ui) - roles and permissions cleanup
2021-11-27 03:27:33 +05:30

37 lines
1,013 B
JavaScript

import React from 'react'
import { connect } from 'react-redux'
import { withRouter } from 'react-router'
import { Dropdown } from 'UI'
import { funnel as funnelRoute, withSiteId } from 'App/routes';
function FunnelDropdown(props) {
const { options, funnel } = props;
const writeOption = (e, { name, value }) => {
const { siteId, history } = props;
history.push(withSiteId(funnelRoute(parseInt(value)), siteId));
}
return (
<div>
<Dropdown
selection
basic
options={ options.toJS() }
name="funnel"
value={ funnel.funnelId || ''}
defaultValue={ funnel.funnelId }
icon={null}
style={{ border: 'none' }}
onChange={ writeOption }
selectOnBlur={false}
/>
</div>
)
}
export default connect((state, props) => ({
funnels: state.getIn(['funnels', 'list']),
funnel: state.getIn(['funnels', 'instance']),
siteId: state.getIn([ 'user', 'siteId' ]),
}), { })(withRouter(FunnelDropdown))