71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
/* @flow */
|
|
import { goToQuestion } from 'Actions/actions'
|
|
import { T } from 'Components'
|
|
import withLanguage from 'Components/utils/withLanguage'
|
|
import { compose, contains, reject, toPairs } from 'ramda'
|
|
import React, { Fragment } from 'react'
|
|
import { connect } from 'react-redux'
|
|
import { withRouter } from 'react-router'
|
|
import { currentQuestionSelector } from 'Selectors/analyseSelectors'
|
|
|
|
import type { Location } from 'react-router'
|
|
|
|
type OwnProps = {
|
|
quickLinks: { [string]: string }
|
|
}
|
|
type Props = OwnProps & {
|
|
goToQuestion: string => void,
|
|
location: Location,
|
|
quickLinksToHide: Array<string>,
|
|
show: boolean
|
|
}
|
|
|
|
const QuickLinks = ({ goToQuestion, quickLinks, quickLinksToHide }: Props) => {
|
|
if (!quickLinks) {
|
|
return null
|
|
}
|
|
const links = compose(
|
|
toPairs,
|
|
reject(dottedName => contains(dottedName, quickLinksToHide))
|
|
)(quickLinks)
|
|
|
|
return (
|
|
!!links.length && (
|
|
<span>
|
|
<small>
|
|
<T k="quicklinks.autres">Autres questions :</T>
|
|
</small>{' '}
|
|
{links.map(([label, dottedName]) => (
|
|
<Fragment key={dottedName}>
|
|
<button
|
|
className="ui__ link-button"
|
|
onClick={() => goToQuestion(dottedName)}>
|
|
<T k={'quicklinks.' + label}>{label}</T>
|
|
</button>{' '}
|
|
/{' '}
|
|
</Fragment>
|
|
))}{' '}
|
|
{/* <button className="ui__ link-button">Voir la liste</button> */}
|
|
</span>
|
|
)
|
|
)
|
|
}
|
|
|
|
export default (compose(
|
|
withLanguage,
|
|
withRouter,
|
|
connect(
|
|
(state, props) => ({
|
|
key: props.language,
|
|
quickLinks: state.simulation?.config.questions?.["à l'affiche"],
|
|
quickLinksToHide: [
|
|
...state.conversationSteps.foldedSteps,
|
|
currentQuestionSelector(state)
|
|
]
|
|
}),
|
|
{
|
|
goToQuestion
|
|
}
|
|
)
|
|
)(QuickLinks): React$ComponentType<OwnProps>)
|