translation of MenuProfil and Notification component's on the header

frontend/i18next.scanner/en/translation.json

@@ -14,5 +14,10 @@
   "Move": "Move",
   "Download": "Download",
   "Archive": "Archive",
-  "Delete": "Delete"
+  "Delete": "Delete",
+  "My Account": "My Account",
+  "Logout": "Logout",
+  "Notification": "Notification",
+  "Archive Topic": "Archive Topic",
+  "Deleted File": "Deleted File"
 }

frontend/i18next.scanner/fr/translation.json

@@ -14,5 +14,10 @@
   "Move": "Déplacer",
   "Download": "Télécharger",
   "Archive": "Archiver",
-  "Delete": "Supprimer"
+  "Delete": "Supprimer",
+  "My Account": "Mon Compte",
+  "Logout": "Se Déconnecter",
+  "Notification": "Notification",
+  "Archive Topic": "Conversation archivée",
+  "Deleted File": "Fichier supprimé"
 }

frontend/src/component/Header/MenuActionListItem/MenuProfil.jsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { Link } from 'react-router-dom'
 import PropTypes from 'prop-types'
 import { PAGE } from '../../../helper.js'
+import { translate } from 'react-i18next'
 
 const MenuProfil = props => {
   return props.user.logged
@@ -17,12 +18,12 @@ const MenuProfil = props => {
           <div className='profilgroup__setting dropdown-menu' aria-labelledby='dropdownMenuButton'>
             <Link className='setting__link dropdown-item' to={PAGE.ACCOUNT}>
               <i className='fa fa-fw fa-user-o mr-2' />
-              Mon compte
+              {props.t('My Account')}
             </Link>
             {/* <div className='setting__link dropdown-item'>Mot de passe</div> */}
             <div className='setting__link dropdown-item' onClick={props.onClickLogout}>
               <i className='fa fa-fw fa-sign-out mr-2' />
-              Se déconnecter
+              {props.t('Logout')}
             </div>
           </div>
         </div>
@@ -30,7 +31,7 @@ const MenuProfil = props => {
     )
     : ''
 }
-export default MenuProfil
+export default translate()(MenuProfil)
 
 MenuProfil.propTypes = {
   user: PropTypes.object.isRequired,

frontend/src/component/Header/MenuActionListItem/Notification.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { translate } from 'react-i18next'
 // import PropTypes from 'prop-types'
 
 const Notification = props => {
@@ -13,18 +14,18 @@ const Notification = props => {
           aria-haspopup='true'
           aria-expanded='false'
         >
-          Notification
+          {props.t('Notification')}
         </button>
         <div className='timeline__subdropdown dropdown-menu' aria-labelledby='headerDropdownMenuButton'>
           <div className='timeline__subdropdown__text dropdown-item' >
-            Conversation archivé
+            {props.t("Archive Topic")}
           </div>
           <div className='timeline__subdropdown__text dropdown-item' >
-            Fichier supprimé
+            {props.t('Deleted File')}
           </div>
         </div>
       </div>
     </li>
   )
 }
-export default Notification
+export default translate()(Notification)