From 1bb52839d92131ea5dfcc105f21d6106a986aab7 Mon Sep 17 00:00:00 2001
From: Yohan Simard <ysimard@etud.insa-toulouse.fr>
Date: Tue, 10 Mar 2020 15:33:01 +0100
Subject: [PATCH 1/2] Improved ProxiwashScreen UI

---
 screens/Proxiwash/ProxiwashScreen.js | 38 +++++++++++++++++++---------
 translations/en.json                 |  1 +
 translations/fr.json                 |  5 ++--
 utils/ThemeManager.js                |  2 ++
 4 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/screens/Proxiwash/ProxiwashScreen.js b/screens/Proxiwash/ProxiwashScreen.js
index 0232658..ac760c6 100644
--- a/screens/Proxiwash/ProxiwashScreen.js
+++ b/screens/Proxiwash/ProxiwashScreen.js
@@ -356,25 +356,39 @@ class ProxiwashScreen extends React.Component<Props, State> {
 
     getRenderSectionHeader({section}: Object) {
         const isDryer = section.title === i18n.t('proxiwashScreen.dryers');
-        const subtitle = this.getMachineAvailableNumber(isDryer) + ' ' + i18n.t('proxiwashScreen.numAvailable');
+        const nbAvailable = this.getMachineAvailableNumber(isDryer);
+        const subtitle = nbAvailable + ' ' + ((nbAvailable <= 1) ? i18n.t('proxiwashScreen.numAvailable')
+            : i18n.t('proxiwashScreen.numAvailablePlural'));
         return (
-            <Card style={{
+            <View style={{
+                flexDirection: 'row',
                 marginLeft: 5,
                 marginRight: 5,
                 marginBottom: 10,
                 marginTop: 20,
-                elevation: 4,
             }}>
-                <Card.Title
-                    title={section.title}
-                    subtitle={subtitle}
-                    left={() => <Avatar.Icon
-                        icon={isDryer ? 'tumble-dryer' : 'washing-machine'}
-                        color={this.colors.primary}
-                        style={{backgroundColor: 'transparent'}}
-                    />}
+                <Avatar.Icon
+                    icon={isDryer ? 'tumble-dryer' : 'washing-machine'}
+                    color={this.colors.primary}
+                    style={{backgroundColor: 'transparent'}}
                 />
-            </Card>
+                <View style={{
+                    justifyContent: 'center',
+                }}>
+                    <Text style={{
+                        fontSize: 20,
+                        fontWeight: 'bold',
+                    }}>
+                        {section.title}
+                    </Text>
+
+                    <Text style={{
+                        color: this.colors.subtitle,
+                    }}>
+                        {subtitle}
+                    </Text>
+                </View>
+            </View>
         );
     }
 
diff --git a/translations/en.json b/translations/en.json
index 0158432..f679bac 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -169,6 +169,7 @@
     "tips": "Tips",
     "enableNotificationsTip": "Click on a running machine to enable notifications",
     "numAvailable": "available",
+    "numAvailablePlural": "available",
     "modal": {
       "enableNotifications": "Notify me",
       "disableNotifications": "Stop notifications",
diff --git a/translations/fr.json b/translations/fr.json
index b0193b3..81f3177 100644
--- a/translations/fr.json
+++ b/translations/fr.json
@@ -160,7 +160,7 @@
     "washersTariff": "3€ la machine + 0.80€ avec la lessive.",
     "dryersTariff": "0.35€ pour 5min de sèche linge.",
     "paymentMethods": "Moyens de Paiement",
-    "paymentMethodsDescription" : "Toute monnaie jusqu'à 10€.\nCarte bancaire acceptée.",
+    "paymentMethodsDescription": "Toute monnaie jusqu'à 10€.\nCarte bancaire acceptée.",
     "washerProcedure": "Déposer le linge dans le tambour sans le tasser et en respectant les charges.\n\nFermer la porte de l'appareil.\n\nSélectionner un programme avec l'une des quatre touches de programme favori standard.\n\nAprès avoir payé à la centrale de commande, appuyer sur le bouton marqué START du lave-linge.\n\nDès que le programme est terminé, l’afficheur indique 'Programme terminé', appuyer sur le bouton jaune d’ouverture du hublot pour récupérer le linge.",
     "washerTips": "Programme blanc/couleur : 6kg de linge sec (textiles en coton, lin, linge de corps, draps, jeans,serviettes de toilettes).\n\nProgramme nonrepassable : 3,5 kg de linge sec (textiles en fibres synthétiques, cotonet polyester mélangés).\n\nProgramme fin 30°C : 2,5 kg de linge sec (textiles délicats en fibres synthétiques, rayonne).\n\nProgramme laine 30°C : 2,5 kg de linge sec (textiles en laine et lainages lavables).",
     "dryerProcedure": "Déposer le linge dans le tambour sans le tasser et en respectant les charges.\n\nFermer la porte de l'appareil.\n\nSélectionner un programme avec l'une des quatre touches de programme favori standard.\n\nAprès avoir payé à la centrale de commande, appuyer sur le bouton marqué START du lave-linge.",
@@ -168,7 +168,8 @@
     "procedure": "Procédure",
     "tips": "Conseils",
     "enableNotificationsTip": "Cliquez sur une machine en cours pour activer les notifications",
-    "numAvailable": "disponibles",
+    "numAvailable": "disponible",
+    "numAvailablePlural": "disponibles",
     "modal": {
       "enableNotifications": "Me Notifier",
       "disableNotifications": "Désactiver les  notifications",
diff --git a/utils/ThemeManager.js b/utils/ThemeManager.js
index 760f68f..ce1d435 100644
--- a/utils/ThemeManager.js
+++ b/utils/ThemeManager.js
@@ -31,6 +31,7 @@ export default class ThemeManager {
                 dividerBackground: '#e2e2e2',
                 textDisabled: '#c1c1c1',
                 icon: '#5d5d5d',
+                subtitle: '#707070',
                 success: "#5cb85c",
                 warning: "#f0ad4e",
                 danger: "#d9534f",
@@ -70,6 +71,7 @@ export default class ThemeManager {
                 dividerBackground: '#222222',
                 textDisabled: '#5b5b5b',
                 icon: '#b3b3b3',
+                subtitle: '#aaaaaa',
                 success: "#5cb85c",
                 warning: "#f0ad4e",
                 danger: "#d9534f",

From 434a9cc1e5baca595253d65285897e1e9604b08a Mon Sep 17 00:00:00 2001
From: Yohan Simard <ysimard@etud.insa-toulouse.fr>
Date: Tue, 10 Mar 2020 15:57:25 +0100
Subject: [PATCH 2/2] Reduced the text size of machines number

---
 components/ProxiwashListItem.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/ProxiwashListItem.js b/components/ProxiwashListItem.js
index 1e6f2c2..e4d091c 100644
--- a/components/ProxiwashListItem.js
+++ b/components/ProxiwashListItem.js
@@ -54,6 +54,7 @@ function ProxiwashListItem(props) {
             }}/>
             <Card.Title
                 title={props.title}
+                titleStyle={{fontSize: 17}}
                 subtitle={props.description}
                 style={{
                     backgroundColor: 'transparent',