const _render = ({dropper, dropped, cropper, cropped}) =>
col(
dropped ? cropper : dropper,
Row({style: {textAlign: 'center'}}, [
col(
h5({style: {marginTop: '0.5em', textAlign: 'center'}}, [
cropped ? 'Image Preview' : null,
]),
cropped && img({attrs: {src: cropped}, style: imageStyle}),
),
cropped && Button({className: 'save-image', onClick: true}, [
'Click me when finished!',
]),
])
)
const _render = ({isOpen, oppFormDOM}) =>
col(
listItem({
iconName: 'power',
iconBackgroundColor: 'yellow',
title: 'Opportunities',
className: 'open',
clickable: true,
header: true,
}),
modal({
isOpen,
title: 'Create Opportunity',
iconName: 'power',
submitLabel: 'But of Course',
closeLabel: 'Not the Now',
content: oppFormDOM,
})
)
const _render = ({isOpen, teamFormDOM}) =>
col(
listItem({
iconName: 'group_add',
iconBackgroundColor: 'yellow',
title: 'Teams',
className: 'open',
clickable: true,
header: true, // this is the line
}),
modal({
isOpen,
title: 'Add a Team',
iconName: 'group_add',
submitLabel: 'Make It So',
closeLabel: 'Hang On',
content: teamFormDOM,
})
)