diff --git a/.gitignore b/.gitignore index 226f552a47c09ed3e1c567473615c83856e6212f..978c511aa1f259d53646f17e9551b88dcc11eb5f 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,7 @@ node_modules/ npm-debug.log yarn-error.log +.yarn # Scripts scripts/AAAA* diff --git a/src/components/Connection/ConnectionResult.tsx b/src/components/Connection/ConnectionResult.tsx index f4fa59af79eb9265b72db5ecb5217b16fdbbab76..214dadb432b29f2b133e84845c040769ecd0b501 100644 --- a/src/components/Connection/ConnectionResult.tsx +++ b/src/components/Connection/ConnectionResult.tsx @@ -11,7 +11,7 @@ import { AccountSgeData, FluidConnection, FluidStatus, - Trigger, + Trigger } from 'models' import React, { useCallback, useEffect, useState } from 'react' import { useDispatch } from 'react-redux' @@ -21,7 +21,7 @@ import TriggerService from 'services/triggers.service' import { setShouldRefreshConsent, updatedFluidConnection, - updateSgeStore, + updateSgeStore } from 'store/global/global.actions' import { getKonnectorUpdateError } from 'utils/utils' import './connectionResult.scss' @@ -210,7 +210,10 @@ const ConnectionResult: React.FC<ConnectionResultProps> = ({ hasUpdatedToday={hasUpdatedToday()} /> ) : ( - <DisplayLastUpdateDate lastExecutionDate={lastExecutionDate} /> + <DisplayLastUpdateDate + fluidType={fluidType} + lastExecutionDate={lastExecutionDate} + /> )} </div> <div className="inline-buttons"> @@ -398,8 +401,10 @@ const DisplayManualUpdate = () => { const DisplayLastUpdateDate = ({ lastExecutionDate, + fluidType, }: { lastExecutionDate: string | DateTime + fluidType: FluidType }) => { const { t } = useI18n() return ( @@ -408,6 +413,10 @@ const DisplayLastUpdateDate = ({ {t('konnector_form.label_updated_at')} </div> <div className="text-16-bold">{lastExecutionDate.toLocaleString()}</div> + <br /> + <div className="text-14-normal delta-caption"> + {t(`konnector_form.konnector_delta.${FluidType[fluidType]}`)} + </div> </div> ) } diff --git a/src/components/Connection/connectionResult.scss b/src/components/Connection/connectionResult.scss index 49753c53b3b5c33342bbe943a914d506426f9e15..6d46ca06831d704e396c84b8be352823cfe9cb19 100644 --- a/src/components/Connection/connectionResult.scss +++ b/src/components/Connection/connectionResult.scss @@ -31,6 +31,10 @@ } } +.delta-caption { + color: $soft-grey; +} + .inline-buttons { display: flex; flex-flow: row nowrap; diff --git a/src/locales/fr.json b/src/locales/fr.json index 735d8a727fbe2774e2aed683e2b32f51f51f28be..522a8737951f6fd0052ebf074ec86943c909e5a6 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -743,6 +743,11 @@ "error_update_oauth": "Votre autorisation pour afficher vos données %{fluid} a expiré.", "button_oauth_reload": "Redonner mon consentement", "OK": "Ok", + "konnector_delta": { + "ELECTRICITY": "La donnée de consommation électrique arrive normalement à J+1. Un retard d'un ou deux jours est parfois constaté.", + "GAS": "La donnée de consommation de gaz arrive normalement à J+3. Un retard d'un ou deux jours est parfois constaté.", + "WATER": "La donnée de consommation d'eau arrive normalement à J+3. Un retard d'un ou deux jours est parfois constaté." + }, "accessibility": { "button_install": "Installer le connecteur", "button_update": "Mettre à jour votre connexion",