feat: review of design

config.json

@@ -6,7 +6,7 @@
       "coefficient": 0.1546,
       "dataDelayOffset": 1,
       "konnectorConfig": {
-        "name": "enedis",
+        "name": "Enedis",
         "type": "ELECTRICITY",
         "oauth": true,
         "slug": "enedis",
@@ -20,7 +20,7 @@
       "coefficient": 0.0031,
       "dataDelayOffset": 3,
       "konnectorConfig": {
-        "name": "eau du grand lyon",
+        "name": "Eau du Grand Lyon",
         "type": "WATER",
         "oauth": false,
         "slug": "egl",
@@ -34,7 +34,7 @@
       "coefficient": 0.0793,
       "dataDelayOffset": 2,
       "konnectorConfig": {
-        "name": "grdf",
+        "name": "GRDF",
         "type": "GAS",
         "oauth": false,
         "slug": "grdf",

src/components/ContentComponents/Konnector/KonnectorLaunch.tsx

@@ -30,6 +30,7 @@ const loadingOptions = {
 
 interface KonnectorLaunchProps {
   trigger: Trigger
+  type: string
   handleKonnectorLaunch: Function
   client: Client
   t: Function
@@ -37,6 +38,7 @@ interface KonnectorLaunchProps {
 
 const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({
   trigger,
+  type,
   handleKonnectorLaunch,
   client,
   t,
@@ -78,7 +80,7 @@ const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({
   }, [])
 
   return (
-    <Modal open={openModal} handleCloseClick={handleCloseClick} border>
+    <Modal open={openModal} handleCloseClick={handleCloseClick}>
       <div className="klaunch-content">
         {!state ? (
           <>
@@ -99,7 +101,8 @@ const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({
                   <div className="kce-picto-txt text-20-bold">
                     {t('KONNECTORCONFIG.ERROR_TXT')}
                   </div>
-                  {t('KONNECTORCONFIG.ERROR_DATA')}
+                  <div>{t('KONNECTORCONFIG.ERROR_DATA_' + type)}</div>
+                  <div>{t('KONNECTORCONFIG.ERROR_DATA_2')}</div>
                 </div>
               ) : (
                 <div className="konnector-config">
@@ -107,7 +110,7 @@ const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({
                   <div className="kcs-picto-txt text-20-bold">
                     {t('KONNECTORCONFIG.SUCCESS_TXT')}
                   </div>
-                  {t('KONNECTORCONFIG.SUCCESS_DATA')}
+                  {t('KONNECTORCONFIG.SUCCESS_DATA_' + type)}
                 </div>
               )}
               <StyledButton

src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx

@@ -178,6 +178,7 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
               ) : shouldLaunch && trigger ? (
                 <KonnectorLaunch
                   trigger={trigger}
+                  type={type}
                   handleKonnectorLaunch={handleKonnectorLaunch}
                 />
               ) : account && !loginFailed ? (

src/locales/en.json

@@ -127,9 +127,14 @@
     "ERROR_ACCOUNT_CREATION": "Une erreur est survenue, veuillez essayer de nouveau.",
     "ERROR_LOGIN_FAILED": "Identifiants invalides",
     "SUCCESS_TXT": "Félicitations !",
-    "SUCCESS_DATA": "Vos données de consommation d'eau sont maintenant conntectées à Ecolyo.",
+    "SUCCESS_DATA_ELECTRICITY": "Vos données de consommation d'électricité sont maintenant conntectées à Ecolyo.",
+    "SUCCESS_DATA_WATER": "Vos données de consommation d'eau sont maintenant conntectées à Ecolyo.",
+    "SUCCESS_DATA_GAS": "Vos données de consommation de gaz sont maintenant conntectées à Ecolyo.",
     "ERROR_TXT": "Aïe !",
-    "ERROR_DATA": "Un problème a empêché vos données de consommation de se connecter à Ecolyo. Merci de réessayer plus tard.",
+    "ERROR_DATA_ELECTRICITY": "Un problème a empêché vos données de consommation d'électricité de se connecter à Ecolyo.",
+    "ERROR_DATA_WATER": "Un problème a empêché vos données de consommation d'eau se connecter à Ecolyo.",
+    "ERROR_DATA_GAS": "Un problème a empêché vos données de consommation de gaz de se connecter à Ecolyo.",
+    "ERROR_DATA_2": "Merci de réessayer plus tard.",
     "OK": "Ok"
   },
   "INDICATOR": {