import React from 'react';
import { Link } from 'react-router-dom';
-import { getTranslation } from '../../helpers/Technique';
+import {
+ getLink,
+ getTranslation,
+} from '../../helpers/Technique';
import i18n from '../../i18n';
const List = ({ techniques }) => <ul className="tech-list">
{techniques.map(tech =>
<li key={tech.id}>
<h2>
- <Link to={`/tech/${tech.name}`}>
+ <Link to={getLink(tech)}>
{getTranslation(tech, 'title', i18n.language)}
</Link>
</h2>