fix(i18n): t function on withTitle hoc #871

src/app/content/App/Account/About/index.tsx

@@ -54,4 +54,7 @@ export const About = ({ installationDate, extensionVersion }: AboutProps) => {
   );
 };
 
-export default compose(withConnect, withTitle<AboutProps>('À propos'))(About);
+export default compose(
+  withConnect,
+  withTitle<AboutProps>('title.about')
+)(About);

src/app/content/App/Account/Filters/Filters.tsx

@@ -8,4 +8,4 @@ export const Filters = () => {
   return <ContentTitleTop>{t('common.filters')}</ContentTitleTop>;
 };
 
-export default withTitle<{}>('Mes Filtres')(Filters);
+export default withTitle<{}>('title.filters')(Filters);

src/app/content/App/Account/Menu/index.tsx

@@ -24,4 +24,4 @@ export const Menu = ({ match }: MenuProps) => {
   );
 };
 
-export default withTitle<MenuProps>('Options')(Menu);
+export default withTitle<MenuProps>('title.options')(Menu);

src/app/content/App/Contribute/ContributeScreen/index.ts

@@ -1,4 +1,4 @@
 import withTitle from 'app/hocs/withTitle';
 import ContributeScreen from './ContributeScreen';
 
-export default withTitle('poster une information ici')(ContributeScreen);
+export default withTitle('title.post_form')(ContributeScreen);

src/app/content/App/Contribute/PreviewScreen/withTitle.ts

@@ -1,4 +1,4 @@
 import withTitle from '../../../../hocs/withTitle';
 import { PreviewScreenOwnProps } from './PreviewScreen';
 
-export default withTitle<PreviewScreenOwnProps>('Prévisualisation');
+export default withTitle<PreviewScreenOwnProps>('title.preview');

src/app/content/App/Help/index.tsx

@@ -46,4 +46,4 @@ export const Help = () => {
   );
 };
 
-export default withTitle<{}>('Aide')(Help);
+export default withTitle<{}>('title.help')(Help);

src/app/content/App/Notice/Details/index.tsx

@@ -53,5 +53,5 @@ export const Details = ({
 
 export default compose(
   withConnect,
-  withTitle<DetailsScreenProps>('Détail de la contribution')
+  withTitle<DetailsScreenProps>('title.contribution_details')
 )(Details);

src/app/content/App/Question/FormScreen/index.ts

@@ -1,4 +1,4 @@
 import withTitle from 'app/hocs/withTitle';
 import FormScreen from './FormScreen';
 
-export default withTitle('Demander une information ici')(FormScreen);
+export default withTitle('title.ask_info_form')(FormScreen);

src/app/content/App/Question/PreviewScreen/withTitle.ts

@@ -1,4 +1,4 @@
 import withTitle from '../../../../hocs/withTitle';
 import { PreviewScreenOwnProps } from './PreviewScreen';
 
-export default withTitle<PreviewScreenOwnProps>('Prévisualisation');
+export default withTitle<PreviewScreenOwnProps>('title.preview');

src/app/content/App/Subscriptions/index.tsx

@@ -5,5 +5,5 @@ import Subscriptions, { SubscriptionsScreenProps } from './Subscriptions';
 
 export default compose(
   withConnect,
-  withTitle<SubscriptionsScreenProps>('Abonnements')
+  withTitle<SubscriptionsScreenProps>('title.subscriptions')
 )(Subscriptions);

src/app/hocs/withTitle.tsx

@@ -1,6 +1,7 @@
 import React, { ComponentType, useLayoutEffect } from 'react';
 import { connect } from 'react-redux';
 import { removeUITitle, setUITitle } from '../content/actions/ui/title';
+import i18next from 'i18next';
 
 interface TitleProps {
   setUITitle: (title: string) => void;
@@ -19,6 +20,7 @@ const mapDispatchToProps: TitleProps = {
 const withTitle = <TComponentProps extends {}>(title: string | undefined) => (
   Component: ComponentType<TComponentProps & TitleManipulationProps>
 ) => {
+  if (title) title = i18next.t(title);
   const ComponentWithTitleEffect = ({
     setUITitle,
     removeUITitle,

src/components/atoms/Button/AddNoticeButton/AddNoticeButton.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { Link } from 'components/atoms';
+import { useTranslation } from 'react-i18next';
 
 const LinkNoNotice = styled(Link)`
   display: inline-block;
@@ -21,4 +22,7 @@ const LinkNoNotice = styled(Link)`
   }
 `;
 
-export default () => <LinkNoNotice to="/contribute">Poster</LinkNoNotice>;
+export default () => {
+  const { t } = useTranslation();
+  return <LinkNoNotice to="/contribute">{t('action.post')}</LinkNoNotice>;
+};

src/i18n/resources/en/extension.json

@@ -107,4 +107,16 @@
       "thanks": "Thanks for your request.",
       "message": "It will be transmitted right away to the relevant guide(s). You'll receive their response via email."
     }
-  }}
+  },
+  "title": {
+    "subscriptions": "$t(menu.subscriptions)",
+    "help": "$t(menu.help)",
+    "filters": "$t(common.filters)",
+    "options": "Options",
+    "about": "$t(menu.about)",
+    "post_form": "Post an information here",
+    "preview": "Preview",
+    "ask_info_form": "Ask an information here",
+    "contribution_details": "Detail of the contribution"
+  }
+}

src/i18n/resources/fr/extension.json

@@ -107,4 +107,16 @@
       "thanks": "Merci pour votre demande.",
       "message": "Elle sera très rapidement transmise au(x) source(s) concernée(s). Et vous serez prévenu de la réponse directement par mail."
     }
-  }}
+  },
+  "title": {
+    "subscriptions": "$t(menu.subscriptions)",
+    "help": "$t(menu.help)",
+    "filters": "$t(common.filters)",
+    "options": "Options",
+    "about": "$t(menu.about)",
+    "post_form": "Poster une information ici",
+    "preview": "Prévisualisation",
+    "ask_info_form": "Demander une information ici",
+    "contribution_details": "Détail de la contribution"
+  }
+}