https://github.com/tracim/tracim/issues/748, Translation of : adminWorkspacePage, HomePage, app Html, Timeline, and some components

frontend/i18next.scanner/en/translation.json

   "Search...": "Search...",
   "Create a workspace": "Create a workspace",
   "Title": "Title",
-  "Change": "Change",
   "Move": "Move",
   "Download": "Download",
   "Archive": "Archive",
   "You have subscribed to this workspace's notifications": "You have subscribed to this workspace's notifications",
   "Connection": "Connection",
   "Forgotten password ?": "Forgotten password ?",
-  "An error has happened when fetching workspace detail": "An error has happened when fetching workspace detail",
-  "An error has happened while fetching member list": "An error has happened while fetching member list",
-  "An error has happened while fetching recent activity list": "An error has happened while fetching recent activity list",
-  "An error has happened while fetching read status list": "An error has happened while fetching read status list",
-  "Hi {{name}} ! Currently, you are ": "Hi {{name}} ! Currently, you are "
+  "Hi {{name}} ! Currently, you are ": "Hi {{name}} ! Currently, you are ",
+  "Workspace management": "Workspace management",
+  "ID": "ID",
+  "Description": "Description",
+  "Member's number": "Member's number",
+  "Delete workspace": "Delete workspace",
+  "An error has happened while fetching": "An error has happened while fetching",
+  "workspace detail": "workspace detail",
+  "member list": "member list",
+  "recent activity list": "recent activity list",
+  "read status list": "read status list",
+  "An error has happened while fetching \"mark all as read\"": "An error has happened while fetching \"mark all as read\"",
+  "known members list": "known members list",
+  "Please set a name or email": "Please set a name or email",
+  "Please set a role": "Please set a role",
+  "An error has happened while adding the member": "An error has happened while adding the member",
+  "Welcome on Tracim": "Welcome on Tracim",
+  "Thank you for trusting us and using our collaborative tool": "Thank you for trusting us and using our collaborative tool",
+  "Error while archiving document": "Error while archiving document",
+  "Error while deleting document": "Error while deleting document",
+  "subscribed": "subscribed",
+  "Feature": "Feature",
+  "Explore": "Explore",
+  "About": "About",
+  "Admin workspace": "Admin workspace",
+  "Admin user": "Admin user",
+  "You will create your first workspace": "You will create your first workspace",
+  "create a workspace": "create a workspace",
+  "This page list all workspaces": "This page list all workspaces",
+  "Create ...": "Create ...",
+  "Edit": "Edit"
 }

frontend/i18next.scanner/fr/translation.json

   "Search...": "Rechercher ...",
   "Create a workspace": "Créer un espace de travail",
   "Title": "Titre",
-  "Change": "Modifier",
   "Move": "Déplacer",
   "Download": "Télécharger",
   "Archive": "Archiver",
   "You have subscribed to this workspace's notifications": "Vous êtes abonné aux notifications de cet espace de travail.",
   "Connection": "Connexion",
   "Forgotten password ?": "Mot de passe oublié ?",
-  "An error has happened when fetching workspace detail": "__NOT_TRANSLATED__",
-  "An error has happened while fetching member list": "__NOT_TRANSLATED__",
-  "An error has happened while fetching recent activity list": "__NOT_TRANSLATED__",
-  "An error has happened while fetching read status list": "__NOT_TRANSLATED__",
-  "Hi {{name}} ! Currently, you are ": "Bonjour {{name}} ! Vous êtes actuellement"
+  "Hi {{name}} ! Currently, you are ": "Bonjour {{name}} ! Vous êtes actuellement",
+  "Workspace management": "Gestion des espaces de travail",
+  "ID": "ID",
+  "Description": "Description",
+  "Member's number": "Nombre de membre",
+  "Delete workspace": "Supprimer un espace de travail",
+  "An error has happened while fetching": "Erreur lors de la récupération de données",
+  "workspace detail": "Detail de l'espace de travail",
+  "member list": "Liste des membres",
+  "recent activity list": "Liste des activités récente",
+  "read status list": "Lire la liste des statuts",
+  "An error has happened while fetching \"mark all as read\"": "__NOT_TRANSLATED__",
+  "known members list": "Liste des membres connus",
+  "Please set a name or email": "Entrez un nom, s'il vous plaît",
+  "Please set a role": "Choisissez un rôle s'il vous plaît",
+  "An error has happened while adding the member": "Une erreur s'est produite lors de l'ajout d'un membre",
+  "Welcome on Tracim": "Bienvenue sur Tracim",
+  "Thank you for trusting us and using our collaborative tool": "Merci de nous faire confiance et d'utiliser notre outil collaboratif.",
+  "Error while archiving document": "Erreur lors de l'archivage d'un document",
+  "Error while deleting document": "Erreur lors de la suppression d'un document",
+  "subscribed": "Abonné(e)",
+  "Feature": "Fonctionnalité",
+  "Explore": "Exploré",
+  "About": "A propos",
+  "Admin workspace": "Administration des espaces de travail",
+  "Admin user": "Administration des utilisateurs",
+  "You will create your first workspace": "Vous allez créer votre premier espace de travail",
+  "create a workspace": "créer un espace de travail",
+  "This page list all workspaces": "Cette page liste tous les espaces de travail",
+  "Create ...": "Créer ...",
+  "Edit": "Editer"
 }

frontend/src/component/Header/MenuLinkList.jsx

 import React from 'react'
 import PropTypes from 'prop-types'
+import { translate } from 'react-i18next'
 
 const MenuLinkList = props => {
   return (
     <ul className='header__menu__list text-center navbar-nav mr-auto'>
       <li className='list__item nav-item'>
-        <a className='list__item__link' href='' onClick={props.onClickFeature}>Fonctionnalité</a>
+        <a className='list__item__link' href='' onClick={props.onClickFeature}>
+          {props.t('Feature')}
+        </a>
       </li>
       <li className='list__item nav-item'>
-        <a className='list__item__link' href='' onClick={props.onClickExplore}>Explorer</a>
+        <a className='list__item__link' href='' onClick={props.onClickExplore}>
+          {props.t('Explore')}
+        </a>
       </li>
       <li className='list__item nav-item'>
-        <a className='list__item__link' href='' onClick={props.onClickAbout}>A Propos</a>
+        <a className='list__item__link' href='' onClick={props.onClickAbout}>
+          {props.t('About')}
+        </a>
       </li>
     </ul>
   )
 }
-export default MenuLinkList
+export default translate()(MenuLinkList)
 
 MenuLinkList.propTypes = {
   onClickFeature: PropTypes.func.isRequired,

frontend/src/component/Workspace/BtnExtandedAction.jsx

             <i className='fa fa-fw fa-pencil' />
           </div>
           <div className='subdropdown__item__text'>
-            {props.t('Change')}
+            {props.t('Edit')}
           </div>
         </div>
 

frontend/src/component/common/Input/DropdownCreateButton.jsx

 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 import SubDropdownCreateButton from './SubDropdownCreateButton.jsx'
+import { translate } from 'react-i18next'
 
 const DropdownCreateButton = props => {
   return (
         aria-expanded='false'
       >
         <div className={classnames(`${props.parentClass}__label__text`, 'dropdownCreateBtn__label__text')}>
-          Créer ...
+          {props.t('Create ...')}
         </div>
       </button>
 
   )
 }
 
-export default DropdownCreateButton
+export default translate()(DropdownCreateButton)
 
 DropdownCreateButton.propTypes = {
   availableApp: PropTypes.array.isRequired,

frontend/src/container/AdminWorkspacePage.jsx

       <PageWrapper customClass='adminWorkspacePage'>
         <PageTitle
           parentClass={'adminWorkspacePage'}
-          title={'Workspace management'}
+          title={this.props.t('Workspace management')}
         />
 
         <PageContent parentClass='adminWorkspacePage'>
 
           <div className='adminWorkspacePage__description'>
-            This page informs all workspaces of the instances
+            {this.props.t('This page list all workspaces')}
           </div>
 
           { /*
             <table className='table'>
               <thead>
                 <tr>
-                  <th scope='col'>ID</th>
-                  <th scope='col'>Workspace</th>
-                  <th scope='col'>Description</th>
-                  <th scope='col'>Member's number</th>
+                  <th scope='col'>
+                    {this.props.t('ID')}
+                  </th>
+                  <th scope='col'>
+                    {this.props.t('Workspace')}
+                  </th>
+                  <th scope='col'>
+                    {this.props.t('Description')}
+                  </th>
+                  <th scope='col'>
+                    {this.props.t("Member's number")}
+                  </th>
                   { /*
-                    <th scope='col'>Calendar</th>
+                    <th scope='col'>
+                      {this.props.t('Calendar')}
+                    </th>
                   */ }
-                  <th scope='col'>Delete workspace</th>
+                  <th scope='col'>
+                    {this.props.t('Delete workspace')}
+                  </th>
                 </tr>
               </thead>
               <tbody>

frontend/src/container/Home.jsx

 import CardHeader from '../component/common/Card/CardHeader.jsx'
 import CardBody from '../component/common/Card/CardBody.jsx'
 import LogoHomepage from '../img/logoHeader.svg'
+import { translate } from 'react-i18next'
 
 class Home extends Component {
   render () {
             <CardBody customClass='homepagecard'>
               <div>
                 <div className='homepagecard__title text-center my-4'>
-                  Bienvenue sur Tracim
+                  {this.props.t('Welcome on Tracim')}
                 </div>
                 <div className='homepagecard__thanks text-center'>
-                  Merci de nous faire confiance et d'utiliser notre outil collaboratif
+                  {this.props.t('Thank you for trusting us and using our collaborative tool')}
                 </div>
                 <div className='homepagecard__delimiter delimiter' />
                 <div className='homepagecard__text text-center mb-5'>
-                  Vous allez créez votre premier espace de travail
+                  {this.props.t('You will create your first workspace')}
                 </div>
                 <div className='homepagecard__btn btn btn-outline-primary'>
-                  Créer votre espace de travail
+                  {this.props.t('create a workspace')}
                 </div>
                 <div className='homepagecard__logo mt-5 mb-3'>
                   <img src={LogoHomepage} alt='logo homepage' />
   }
 }
 
-export default Home
+export default translate()(Home)

frontend_app_html-document/i18next.scanner/en/translation.json

   "Last version": "Last version",
   "Validate and create": "Validate and create",
   "Document's title": "Document's title",
-  "New Document": "New Document"
+  "New Document": "New Document",
+  "Error while archiving document": "Error while archiving document",
+  "Error while deleting document": "Error while deleting document",
+  "Error while restoring document": "Error while restoring document",
+  "This content is archived.": "This content is archived.",
+  "Restore": "Restore",
+  "This content is deleted.": "This content is deleted.",
+  "latest version :": "latest version :"
 }

frontend_app_html-document/i18next.scanner/fr/translation.json

   "Last version": "Dernière version",
   "Validate and create": "Valider et créer",
   "Document's title": "Titre du document",
-  "New Document": "Nouveau document"
+  "New Document": "Nouveau document",
+  "Error while archiving document": "Erreur lors de l'archivage d'un document",
+  "Error while deleting document": "Erreur lors de la suppression d'un document",
+  "Error while restoring document": "Erreur lors de la restauration du document",
+  "This content is archived.": "Ce contenu est archivé.",
+  "Restore": "Restaurer",
+  "This content is deleted.": "Ce contenu est supprimé.",
+  "latest version :": "Dernière version"
 }

frontend_app_html-document/src/component/HtmlDocument.jsx

 import React from 'react'
 import { TextAreaApp } from 'tracim_frontend_lib'
 import { MODE } from '../helper.js'
+import { translate } from 'react-i18next'
 
 const HtmlDocument = props => {
   return (
         <div className='html-document__contentpage__textnote__state'>
           <div className='html-document__contentpage__textnote__state__msg'>
             <i className='fa fa-fw fa-archive' />
-            This content is archived.
+            {props.t('This content is archived.')}
           </div>
 
           <button className='html-document__contentpage__textnote__state__btnrestore btn' onClick={props.onClickRestoreArchived}>
             <i className='fa fa-fw fa-archive' />
-            Restore
+            {props.t('Restore')}
           </button>
         </div>
       }
         <div className='html-document__contentpage__textnote__state'>
           <div className='html-document__contentpage__textnote__state__msg'>
             <i className='fa fa-fw fa-trash' />
-            Ce contenu est supprimé.
+            {props.t('This content is deleted.')}
           </div>
 
           <button className='html-document__contentpage__textnote__state__btnrestore btn' onClick={props.onClickRestoreDeleted}>
             <i className='fa fa-fw fa-trash' />
-            Restore
+            {props.t('Restore')}
           </button>
         </div>
       }
             <div dangerouslySetInnerHTML={{__html: props.mode === MODE.VIEW ? props.lastVersion : props.version}} />
             {props.mode === MODE.REVISION &&
               <div className='html-document__contentpage__textnote__lastversion'>
-                (dernière version : {props.lastVersion})
+                ({props.t('latest version :')} {props.lastVersion})
               </div>
             }
           </div>
   )
 }
 
-export default HtmlDocument
+export default translate()(HtmlDocument)

frontend_lib/i18next.scanner/en/translation.json

-{}
+{
+  "Timeline": "Timeline",
+  "This content is archived.": "This content is archived.",
+  "Restore": "Restore",
+  "This content is deleted.": "This content is deleted."
+}

frontend_lib/i18next.scanner/fr/translation.json

-{}
+{
+  "Timeline": "Historique",
+  "This content is archived.": "Ce contenu est archivé.",
+  "Restore": "Restaurer",
+  "This content is deleted.": "Ce contenu est supprimé."
+}

frontend_lib/src/component/Input/BtnSwitch/BtnSwitch.jsx

       <span className='slider round' />
     </label>
     <div className='btnswitch__text'>
-      { props.checked ? 'actif' : 'inactif'}
+      { props.checked ? 'active' : 'inactive' }
     </div>
   </div>
 

frontend_lib/src/component/Timeline/Timeline.jsx

 import color from 'color'
 import Comment from './Comment.jsx'
 import Revision from './Revision.jsx'
+import { translate } from 'react-i18next'
 
 require('./Timeline.styl')
 
               <i className={classnames('fa fa-fw', {'fa-angle-double-right': props.rightPartOpen, 'fa-angle-double-left': !props.rightPartOpen})} />
             </div>
             <div className='timeline__header__title'>
-              Timeline
+              {this.props.t('Timeline')}
             </div>
             <div className='timeline__header__icon mb-3 mt-auto'>
               <i className={classnames('fa fa-fw', {'fa-angle-double-right': props.rightPartOpen, 'fa-angle-double-left': !props.rightPartOpen})} />
           <div className='timeline__info'>
             <div className='timeline__info__msg'>
               <i className='fa fa-fw fa-archive' />
-              This content is archived.
+              {this.props.t('This content is archived.')}
             </div>
 
             <button className='timeline__info__btnrestore btn' onClick={props.onClickRestoreArchived}>
               <i className='fa fa-fw fa-archive' />
-              Restore
+              {this.props.t('Restore')}
             </button>
           </div>
         }
           <div className='timeline__info'>
             <div className='timeline__info__msg'>
               <i className='fa fa-fw fa-trash' />
-              This content is deleted.
+              {this.props.t('This content is deleted.')}
             </div>
 
             <button className='timeline__info__btnrestore btn' onClick={props.onClickRestoreDeleted}>
               <i className='fa fa-fw fa-trash' />
-              Restore
+              {this.props.t('Restore')}
             </button>
           </div>
         }
                   }}
                   key={'timeline__comment__advancedtext'}
                 >
-                  {props.wysiwyg ? 'Texte Simple' : 'Texte Riche'}
+                  {props.wysiwyg ? 'Texte simple' : 'Texte riche'}
                 </button>
               </div>
 
   }
 }
 
-export default Radium(Timeline)
+export default Radium(translate()(Timeline))
 
 Timeline.propTypes = {
   timelineData: PropTypes.array.isRequired,