Feat/update wording import success

docs/services.md

@@ -122,6 +122,16 @@ The service also determines if a delayed notification schedule at D+3 and D+7 is
 
 ℹ️  This service can be run via CLI via `yarn service konnectorAlerts`
 
+### Import
+
+slug: `import`
+
+Allows you to import bank data into Cozy, from the Cozy bank export file (.csv format)
+This service is launched manually once the import of the file has been successful on the cozy.
+It also saves the number of imported transactions in the doctype `io.cozy.bank.settings` (`lastImportSuccess.savedTransactionsCount`)
+
+ℹ️  This service can be run via CLI via `yarn service import`
+
 ## I am writing a banking konnector, what should I do?
 
 If you want to benefit from all the features of these services, the most

src/ducks/settings/Import/ImportContents/ImportContentSuccess.jsx

@@ -1,24 +1,41 @@
 import React from 'react'
 
+import { isQueryLoading, useQuery } from 'cozy-client'
 import { Empty } from 'cozy-ui/transpiled/react'
 import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 
 import successIllu from 'assets/icons/success-illu.svg'
+import { buildAppSettingsQuery } from 'ducks/settings/queries'
 
 const ImportContentSuccess = () => {
   const { t } = useI18n()
+  const appSettingsQuery = buildAppSettingsQuery()
+  const { data: appSettings, ...appSettingsQueryResult } = useQuery(
+    appSettingsQuery.definition,
+    appSettingsQuery.options
+  )
+  const isLoadingAppSettings =
+    isQueryLoading(appSettingsQueryResult) || appSettingsQueryResult.hasMore
+
+  const savedTransactionsCount =
+    !isLoadingAppSettings &&
+    appSettings?.[0]?.lastImportSuccess?.savedTransactionsCount
+
+  const text = savedTransactionsCount ? (
+    <Typography component="span" className="u-mb-1 u-db u-spacellipsis">
+      {t('Settings.import.description.success', {
+        smart_count: savedTransactionsCount
+      })}
+    </Typography>
+  ) : null
 
   return (
     <Empty
       icon={successIllu}
       title={t('Settings.import.title.success')}
       className="u-p-1 u-h-100"
-      text={
-        <Typography component="span" className="u-mb-1 u-db u-spacellipsis">
-          {t('Settings.import.description.success')}
-        </Typography>
-      }
+      text={text}
       data-testid="ImportContentSuccess"
     />
   )

src/ducks/settings/queries.js

@@ -1,6 +1,6 @@
 import { Q, fetchPolicies } from 'cozy-client'
 
-import { FILES_DOCTYPE } from 'src/doctypes'
+import { FILES_DOCTYPE, SETTINGS_DOCTYPE } from 'src/doctypes'
 
 const defaultFetchPolicy = fetchPolicies.olderThan(30 * 1000)
 
@@ -19,3 +19,11 @@ export const buildFilesQueryByNameAndDirId = (name, dirId) => ({
     fetchPolicy: defaultFetchPolicy
   }
 })
+
+export const buildAppSettingsQuery = () => ({
+  definition: () => Q(SETTINGS_DOCTYPE),
+  options: {
+    as: `${SETTINGS_DOCTYPE}`,
+    fetchPolicy: defaultFetchPolicy
+  }
+})

src/locales/en.json

@@ -639,7 +639,7 @@
       "description": {
         "text": "Select the data to import\n(File format: .csv)",
         "serviceInProgress": "Please wait a few moments, your data is being processed.",
-        "success": "Your data has been successfully imported.",
+        "success": "%{smart_count} operation imported. |||| %{smart_count} operations imported.",
         "action": "Data to import"
       },
       "action": {

src/locales/fr.json

@@ -635,12 +635,12 @@
       "title": {
         "text": "Importer mes données",
         "serviceInProgress": "Traitement des données",
-        "success": "Import réussi"
+        "success": "Import terminé"
       },
       "description": {
         "text": "Sélectionnez les données à importer\n(Format du fichier : .csv)",
         "serviceInProgress": "Merci de patientez quelques instants, vos données sont en cours de traitement.",
-        "success": "Vos données ont été correctement importées.",
+        "success": "%{smart_count} opération importée. |||| %{smart_count} opérations importées.",
         "action": "Données à importer"
       },
       "action": {