openreplay/frontend/app/components/shared/SiteDropdown/SiteDropdown.js
Shekar Siri 8d1bf1a401
change(ui): module settings and nav changes (#1443)
* change(ui): route refactor

* change(ui): new navigation

* change(ui): new navigation - icons and other fixes

* change(ui): modules

* change(ui): moduels and nav fixes
2023-08-09 12:07:57 +05:30

22 lines
No EOL
613 B
JavaScript

import React from 'react';
import { connect } from 'react-redux';
import Select from 'Shared/Select';
const SiteDropdown = ({ contextName = '', sites, onChange, value }) => {
const options = sites.map(site => ({ value: site.id, label: site.host })).toJS();
return (
<Select
name={`${contextName}_site`}
placeholder='Select Site'
options={options}
value={options.find(option => option.value === value)}
onChange={onChange}
/>
);
};
SiteDropdown.displayName = 'SiteDropdown';
export default connect(state => ({
sites: state.getIn(['site', 'list'])
}))(SiteDropdown);