Update About Screen

locales/en.json

@@ -346,9 +346,7 @@
       "license": "License",
       "debug": "Debug",
       "team": "Team",
-      "author": "Author and maintainer",
       "authorMail": "Send an email",
-      "additionalDev": "Developer",
       "technologies": "Technologies",
       "reactNative": "Made with React Native",
       "libs": "Libraries used",

locales/fr.json

@@ -345,9 +345,7 @@
       "license": "Licence",
       "debug": "Debug",
       "team": "Équipe",
-      "author": "Auteur et mainteneur",
       "authorMail": "Envoyer un mail",
-      "additionalDev": "Dévelopeur",
       "technologies": "Technologies",
       "reactNative": "Créé avec React Native",
       "libs": "Librairies utilisées",

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,7 +13,8 @@ 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,
@@ -81,9 +82,9 @@ class AboutScreen extends React.Component<PropsType> {
    */
   teamUsers = {
     arnaud: {
-      name: 'Arnaud Vergnrt',
+      name: 'Arnaud VERGNET',
-      message: i18n.t('screens.about.user.arnaud'),
+      message: 'C vrément tro 1 bg !!',
-      icon: 'crown',
+      icon: 'account-circle',
       btnTrool: {
           title: 'SWAG',
           onPress: () => {
@@ -91,15 +92,13 @@ class AboutScreen extends React.Component<PropsType> {
           },
         },
       btnLinkedin: {
-        title: '',
+        title: 'Linkedin',
-        icon: 'linkedin',
         onPress: () => {
           openWebLink(links.arnaudMail);
         },
       },
       btnMail: {
-        title: '',
+        title: i18n.t('screens.about.authorMail'),
-        icon: 'email-edit',
         onPress: () => {
           openWebLink(links.arnaudLinkedin);
         },
@@ -107,38 +106,22 @@ class AboutScreen extends React.Component<PropsType> {
     },
     yohan: {
       name: 'Yohan Simard',
-      message: i18n.t('screens.about.user.yohan'),
+      message: 'Correction de quelques bugs',
-      icon: 'xml',
+      icon: 'account-circle',
       btnTrool: null,
       btnLinkedin: {
-        title: '',
+        title: 'Linkedin',
-        icon: 'linkedin',
         onPress: () => {
           openWebLink(links.yohanLinkedin);
         },
       },
       btnMail: {
-        title: '',
+        title: i18n.t('screens.about.authorMail'),
-        icon: 'email-edit',
         onPress: () => {
           openWebLink(links.yohanMail);
         },
       },
     },
-    you: {
-      name: i18n.t('screens.about.user.youName'),
-      message: i18n.t('screens.about.user.you'),
-      icon: 'hand-pointing-right',
-      btnTrool: {
-        title: '',
-        icon: 'git',
-        onPress: () => {
-          openWebLink(links.git);
-        },
-      },
-      btnLinkedin: null,
-      btnMail: null,
-    },
   };
 
   /**
@@ -147,40 +130,40 @@ class AboutScreen extends React.Component<PropsType> {
   thanksUsers = {
     beranger: {
       name: 'Béranger Quintana Y Arciosana',
-      message: i18n.t('screens.about.user.beranger'),
+      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.',
-      icon: 'account-heart',
+      icon: 'account-circle',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     celine: {
       name: 'Céline Tassin',
-      message: i18n.t('screens.about.user.celine'),
+      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 🦊.',
-      icon: 'brush',
+      icon: 'account-circle',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     damien: {
       name: 'Damien Molina',
-      message: i18n.t('screens.about.user.damien'),
+      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.',
-      icon: 'web',
+      icon: 'account-circle',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     titouan: {
       name: 'Titouan Labourdette',
-      message: i18n.t('screens.about.user.titouan'),
+      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.',
-      icon: 'shield-bug',
+      icon: 'account-circle',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
     },
     theo: {
       name: 'Théo Tami',
-      message: i18n.t('screens.about.user.theo'),
+      message: 'Étudiant en IR (2020). Il a beaucoup aidé pour trouver des bugs et proposer des nouvelles fonctionnalités.',
-      icon: 'food-apple',
+      icon: 'account-circle',
       btnTrool: null,
       btnLinkedin: null,
       btnMail: null,
@@ -257,14 +240,6 @@ class AboutScreen extends React.Component<PropsType> {
       text: this.teamUsers.yohan.name,
       showChevron: false,
     },
-    {
-      onPressCallback: () => {
-        this.onListItemPress(this.teamUsers.you);
-      },
-      icon: this.teamUsers.you.icon,
-      text: this.teamUsers.you.name,
-      showChevron: false,
-    },
   ];
 
   /**
@@ -371,16 +346,16 @@ 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 A user key
+   * @param user TODO
    */
   onListItemPress(user: AthorsItemType) {
-    const dialogBtn: Array<IconOptionsDialogButtonType> = [
+    const dialogBtn: Array<OptionsDialogButtonType> = [
       {
         title: 'OK',
         onPress: () => {
-          this.setState({dialogVisible: false});
+          this.onDialogDismiss();
-        },
         },
+      }
     ];
     if(user.btnMail != null) {
       dialogBtn.push(user.btnMail);
@@ -455,7 +430,7 @@ class AboutScreen extends React.Component<PropsType> {
   }
 
   /**
-   * Get the thank you card showing support information and links
+   * Gets the thanks card showing information and links about the team TODO
    *
    * @return {*}
    */
@@ -490,7 +465,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="wrench" />
+                  <Avatar.Icon size={iconProps.size} icon="build" />
               )}
           />
           <Card.Content>