acklen-keystone
Version:
Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose
32 lines (30 loc) • 766 B
JavaScript
import React from 'react';
import IntlMessages from '../utility/intlMessages';
export default ({ config, changeTheme, selectedId }) => {
const { id, label, options } = config;
return (
<div className="themeSwitchBlock">
<h4>
<IntlMessages id={label} />
</h4>
<div className="themeSwitchBtnWrapper">
{options.map(option => {
const { themeName, buttonColor } = option;
const onClick = () => {
changeTheme(id, themeName);
};
const customClass = themeName === selectedId ? 'selectedTheme' : '';
return (
<button
type="button"
key={themeName}
onClick={onClick}
className={customClass}
style={{ backgroundColor: buttonColor }}
/>
);
})}
</div>
</div>
);
};