-
Notifications
You must be signed in to change notification settings - Fork 37
/
SubDropdownCreateButton.jsx
44 lines (39 loc) · 1.25 KB
/
SubDropdownCreateButton.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import React from 'react'
import { translate } from 'react-i18next'
import PropTypes from 'prop-types'
require('./SubDropdownCreateButton.styl')
export const SubDropdownCreateButton = props => {
return (
<div>
{props.availableApp.map(app =>
<div
className='subdropdown__link primaryColorBgLightenHover dropdown-item'
onClick={e => {
e.preventDefault()
e.stopPropagation()
props.onClickCreateContent(e, props.folderId, app.slug)
}}
key={app.slug}
>
<div className={`subdropdown__link__${app.slug} d-flex align-items-center`}>
<div className={`subdropdown__link__${app.slug}__icon mr-3`}>
<i
className={`fa fa-fw fa-${app.faIcon}`}
style={{ color: app.hexcolor }}
/>
</div>
<div className={`subdropdown__link__${app.slug}__text`}>
{props.t(app.creationLabel)}
</div>
</div>
</div>
)}
</div>
)
}
SubDropdownCreateButton.propTypes = {
availableApp: PropTypes.array.isRequired,
onClickCreateContent: PropTypes.func.isRequired,
folderId: PropTypes.number
}
export default translate()(SubDropdownCreateButton)