Update About Screen

locales/en.json

@@ -351,8 +351,7 @@
       "libs": "Libraries used",
       "thanks": "Thanks",
       "user": {
-        "youName": "You",
+        "you": "You",
-        "you": "[NON TRADUIT] Toi aussi devient le prochaint dévelopeur à rejoindre la team, passe voir le git de l'application y'a tout plein d'info",
         "arnaud": "[NON TRADUIT] Étudiant en IR (2020). C'est le créateur de cette magnifique application que t'utilise tout les jour. Et il est vraiment BG aussi.",
         "yohan":  "[NON TRADUIT] Étudiant en [Je sais pas quoi] (2020). Il nous aide à corriger les bug. Et j'imagine aussi qu'il est BG mais je le connait pas.",
         "beranger": "[NON TRADUIT] Étudiant en AE (2020) et Président de l’Amicale au moment de la création et du lancement du projet. L’application, c’était son idée. Il a beaucoup aidé pour trouver des bugs, de nouvelles fonctionnalités et faire de la com.",

locales/fr.json

@@ -350,8 +350,7 @@
       "libs": "Librairies utilisées",
       "thanks": "Remerciements",
       "user": {
-        "youName": "Toi",
+        "you": "Toi",
-        "you": "Toi aussi devient le prochaint dévelopeur à rejoindre la team, passe voir le git de l'application y'a tout plein d'info",
         "arnaud": "Étudiant en IR (2020). C'est le créateur de cette magnifique application que t'utilise tout les jour. Et il est vraiment BG aussi.",
         "yohan":  "Étudiant en [Je sais pas quoi] (2020). Il nous aide à corriger les bug. Et j'imagine aussi qu'il est BG mais je le connait pas.",
         "beranger": "Étudiant en AE (2020) et Président de l’Amicale au moment de la création et du lancement du projet. L’application, c’était son idée. Il a beaucoup aidé pour trouver des bugs, de nouvelles fonctionnalités et faire de la com.",

src/screens/About/AboutScreen.js

@@ -5,7 +5,7 @@ import {FlatList, Linking, Platform, Image, View} from 'react-native';
 import i18n from 'i18n-js';
 import {Avatar, Card, List, withTheme} from 'react-native-paper';
 import {StackNavigationProp} from '@react-navigation/stack';
-import {Modalize} from "react-native-modalize";
+import {Modalize} from 'react-native-modalize';
 import packageJson from '../../../package.json';
 import CollapsibleFlatList from '../../components/Collapsible/CollapsibleFlatList';
 import APP_LOGO from '../../../assets/android.icon.round.png';
@@ -13,8 +13,7 @@ import type {
   CardTitleIconPropsType,
   ListIconPropsType,
 } from '../../constants/PaperStyles';
-import OptionsDialog from "../../components/Dialogs/OptionsDialog";
+import OptionsDialog from '../../components/Dialogs/OptionsDialog';
-import type {OptionsDialogButtonType} from "../../components/Dialogs/OptionsDialog";
 
 type ListItemType = {
   onPressCallback: () => void,
@@ -82,9 +81,9 @@ class AboutScreen extends React.Component<PropsType> {
    */
   teamUsers = {
     arnaud: {
-      name: 'Arnaud VERGNET',
+      name: 'Arnaud Vergnrt',
-      message: 'C vrément tro 1 bg !!',
+      message: i18n.t('screens.about.user.arnaud'),
-      icon: 'account-circle',
+      icon: 'crown',
       btnTrool: {
         title: 'SWAG',
         onPress: () => {
@@ -92,13 +91,15 @@ class AboutScreen extends React.Component<PropsType> {
         },
       },
       btnLinkedin: {
-        title: 'Linkedin',
+        title: '',
+        icon: 'linkedin',
         onPress: () => {
           openWebLink(links.arnaudMail);
         },
       },
       btnMail: {
-        title: i18n.t('screens.about.authorMail'),
+        title: '',
+        icon: 'email-edit',
         onPress: () => {
           openWebLink(links.arnaudLinkedin);
         },
@@ -106,17 +107,19 @@ class AboutScreen extends React.Component<PropsType> {
     },
     yohan: {
       name: 'Yohan Simard',
-      message: 'Correction de quelques bugs',
+      message: i18n.t('screens.about.user.yohan'),
-      icon: 'account-circle',
+      icon: 'xml',
       btnTrool: null,
       btnLinkedin: {
-        title: 'Linkedin',
+        title: '',
+        icon: 'linkedin',
         onPress: () => {
           openWebLink(links.yohanLinkedin);
         },
       },
       btnMail: {
-        title: i18n.t('screens.about.authorMail'),
+        title: '',
+        icon: 'email-edit',
         onPress: () => {
           openWebLink(links.yohanMail);
         },
@@ -130,40 +133,40 @@ class AboutScreen extends React.Component<PropsType> {
   thanksUsers = {
     beranger: {
       name: 'Béranger Quintana Y Arciosana',
-      message: 'Étudiant en AE (2020) et Président de l’Amicale au moment de la création et du lancement du projet. L’application, c’était son idée. Il a beaucoup aidé pour trouver des bugs, de nouvelles fonctionnalités et faire de la com.',
+      message: i18n.t('screens.about.user.beranger'),
-      icon: 'account-circle',
+      icon: 'account-heart',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     celine: {
       name: 'Céline Tassin',
-      message: 'Étudiante en GPE (2020). Sans elle, tout serait moins mignon. Elle a aidé pour écrire le texte, faire de la com, et aussi à créer la mascotte 🦊.',
+      message: i18n.t('screens.about.user.celine'),
-      icon: 'account-circle',
+      icon: 'brush',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     damien: {
       name: 'Damien Molina',
-      message: 'Étudiant en IR (2020) et créateur de la dernière version du site de l’Amicale. Grâce à son aide, intégrer les services de l’Amicale à l’application a été très simple.',
+      message: i18n.t('screens.about.user.damien'),
-      icon: 'account-circle',
+      icon: 'web',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     titouan: {
       name: 'Titouan Labourdette',
-      message: 'Étudiant en AE (2020) et Président de l’Amicale au moment de la création et du lancement du projet. L’application, c’était son idée. Il a beaucoup aidé pour trouver des bugs, de nouvelles fonctionnalités et faire de la com.',
+      message: i18n.t('screens.about.user.titouan'),
-      icon: 'account-circle',
+      icon: 'shield-bug',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     theo: {
       name: 'Théo Tami',
-      message: 'Étudiant en IR (2020). Il a beaucoup aidé pour trouver des bugs et proposer des nouvelles fonctionnalités.',
+      message: i18n.t('screens.about.user.theo'),
-      icon: 'account-circle',
+      icon: 'food-apple',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
@@ -240,6 +243,15 @@ class AboutScreen extends React.Component<PropsType> {
       text: this.teamUsers.yohan.name,
       showChevron: false,
     },
+    {
+      onPressCallback: () => {
+        const {navigation} = this.props;
+        navigation.navigate('feedback');
+      },
+      icon: 'hand-pointing-right',
+      text: i18n.t('screens.about.user.you'),
+      showChevron: true,
+    },
   ];
 
   /**
@@ -346,24 +358,24 @@ class AboutScreen extends React.Component<PropsType> {
    * Callback used when clicking an article in the list.
    * It opens the modal to show detailed information about the article
    *
-   * @param user TODO
+   * @param user A user key
    */
   onListItemPress(user: AthorsItemType) {
-    const dialogBtn: Array<OptionsDialogButtonType> = [
+    const dialogBtn: Array<IconOptionsDialogButtonType> = [
       {
         title: 'OK',
         onPress: () => {
-          this.onDialogDismiss();
+          this.setState({dialogVisible: false});
+        },
       },
-      }
     ];
-    if(user.btnMail != null) {
+    if (user.btnMail != null) {
       dialogBtn.push(user.btnMail);
     }
-    if(user.btnLinkedin != null) {
+    if (user.btnLinkedin != null) {
       dialogBtn.push(user.btnLinkedin);
     }
-    if(user.btnTrool != null) {
+    if (user.btnTrool != null) {
       dialogBtn.push(user.btnTrool);
     }
     this.setState({
@@ -430,7 +442,7 @@ class AboutScreen extends React.Component<PropsType> {
   }
 
   /**
-   * Gets the thanks card showing information and links about the team TODO
+   * Get the thank you card showing support information and links
    *
    * @return {*}
    */
@@ -465,7 +477,7 @@ class AboutScreen extends React.Component<PropsType> {
         <Card.Title
           title={i18n.t('screens.about.technologies')}
           left={(iconProps: CardTitleIconPropsType): React.Node => (
-                  <Avatar.Icon size={iconProps.size} icon="build" />
+            <Avatar.Icon size={iconProps.size} icon="wrench" />
           )}
         />
         <Card.Content>