mon-entreprise/source/components/QuickLink.js

41 lines
962 B
JavaScript

/* @flow */
import { startConversation } from 'Actions/actions'
import withLanguage from 'Components/utils/withLanguage'
import { toPairs, compose } from 'ramda'
import React from 'react'
import { Trans } from 'react-i18next'
import { connect } from 'react-redux'
type Props = {
startConversation: (?string) => void
}
let quickLinks = {
CDD: 'contrat salarié . type de contrat',
Cadre: 'contrat salarié . statut cadre',
'Temps partiel': 'contrat salarié . temps partiel',
Localisation: 'établissement . localisation',
Autres: null
}
const QuickLink = ({ startConversation }: Props) => (
<>
{toPairs(quickLinks).map(([label, dottedName]) => (
<button
key={label}
className="ui__ link-button"
onClick={() => startConversation(dottedName)}>
<Trans>{label}</Trans>
</button>
))}
</>
)
export default compose(
withLanguage,
connect(
(state, props) => ({ key: props.language }),
{
startConversation
}
)
)(QuickLink)