2021-02-05 14:24:22 +01:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2021-03-30 15:14:02 +02:00
|
|
|
import { Grid, FormControlLabel, Checkbox } from '@material-ui/core';
|
2021-02-05 14:24:22 +01:00
|
|
|
|
|
|
|
import { styles as commonStyles } from '../common';
|
|
|
|
|
|
|
|
const AddonEvents = ({ provider, checkedEvents, setEventValue, error }) => {
|
|
|
|
if (!provider) return null;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<React.Fragment>
|
|
|
|
<h4>Events</h4>
|
|
|
|
<span className={commonStyles.error}>{error}</span>
|
2021-03-30 15:14:02 +02:00
|
|
|
<Grid container spacing={0}>
|
2021-02-05 14:24:22 +01:00
|
|
|
{provider.events.map(e => (
|
2021-03-30 15:14:02 +02:00
|
|
|
<Grid item xs={4} key={e}>
|
|
|
|
<FormControlLabel
|
|
|
|
control={<Checkbox checked={checkedEvents.includes(e)} onChange={setEventValue(e)} />}
|
|
|
|
label={e}
|
|
|
|
/>
|
|
|
|
</Grid>
|
2021-02-05 14:24:22 +01:00
|
|
|
))}
|
|
|
|
</Grid>
|
|
|
|
</React.Fragment>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
AddonEvents.propTypes = {
|
|
|
|
provider: PropTypes.object,
|
|
|
|
checkedEvents: PropTypes.array.isRequired,
|
|
|
|
setEventValue: PropTypes.func.isRequired,
|
|
|
|
error: PropTypes.string,
|
|
|
|
};
|
|
|
|
|
|
|
|
export default AddonEvents;
|