diff --git a/client/components/mobile/Selector.jsx b/client/components/mobile/Selector.jsx index e5da2f00..8541454c 100644 --- a/client/components/mobile/Selector.jsx +++ b/client/components/mobile/Selector.jsx @@ -8,27 +8,34 @@ const PreferenceTitle = styled.h4.attrs(props => ({ ...props, className: 'prefer color: ${prop('primaryTextColor')} !important; `; +const Preference = styled.div.attrs(props => ({ ...props, className: 'preference' }))` + flex-wrap: nowrap !important; + align-items: baseline !important; + justify-items: space-between +`; + + const Selector = ({ title, value, onSelect, options, }) => ( -
- {/*

{title}

*/} + {title} - {options.map(option => ( -
- + {options.map(option => ( + onSelect(option.value)} aria-label={option.ariaLabel} name={option.name} + key={option.id} id={option.id} className="preference__radio-button" value={option.value} checked={value === option.value} - /> - -
))} -
+ /> + ))} + + ); Selector.defaultProps = {