Add notification after triggering refresh

Terralego · Aug 30, 2023 · c394df9 · c394df9
1 parent ac096be
commit c394df9
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 21 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -343,7 +343,11 @@
         "started": "Started at",
         "ended": "Ended at"
       },
-      "status": "status"
+      "status": "Status",
+      "refresh": {
+        "accepted": "Refresh accepted",
+        "notAllowed": "Refresh not possible"
+      }
     },
     "edit": {
       "refresh": "Refresh data",

diff --git a/public/locales/fr/translation.json b/public/locales/fr/translation.json
@@ -395,7 +395,11 @@
         "started": "Commencée à",
         "ended": "Finie à"
       },
-      "status": "Statut"
+      "status": "Statut",
+      "refresh": {
+        "accepted": "Actualisation acceptée",
+        "notAllowed": "Actualisation impossible"
+      }
     },
     "edit": {
       "refresh": "Actualiser les données",

diff --git a/src/modules/RA/DataSource/components/DataSourceEditActions.js b/src/modules/RA/DataSource/components/DataSourceEditActions.js
@@ -3,6 +3,7 @@ import {
   TopToolbar,
   ListButton,
   RefreshButton,
+  useNotify,
   withDataProvider,
 } from 'react-admin';
 
@@ -20,27 +21,47 @@ const style = () => ({
 
 const DataSourceEditActions = ({
   dataProvider,
-  data: { id, report } = {},
+  data: { id, report, _type } = {},
   basePath,
   classes,
-}) => (
-  <TopToolbar>
-    <ListButton
-      basePath={basePath}
-      variant="outlined"
-      label="ra.action.back-to-list"
-      className={classes.list}
-    />
-    {/* 'report' is null when a source has just been created */}
-    <StatusChip label="datasource.form.status" status={report ?? {}} />
-    <RefreshButton
-      color="primary"
-      variant="contained"
-      label="datasource.edit.refresh"
-      onClick={() => dataProvider('REFRESH', RES_DATASOURCE, { id })}
-    />
-  </TopToolbar>
-);
+}) => {
+  const [pending, setPending] = React.useState(null);
+  const notify = useNotify();
+
+  const refreshData = React.useCallback(async () => {
+    try {
+      setPending(true);
+      await dataProvider('REFRESH', RES_DATASOURCE, { id });
+      notify('datasource.form.refresh.accepted', { type: 'success' });
+    } catch {
+      setPending(false);
+      notify('datasource.form.refresh.notAllowed', { type: 'error' });
+    }
+  }, [setPending, dataProvider, notify, id]);
+
+  return (
+    <TopToolbar>
+      <ListButton
+        basePath={basePath}
+        variant="outlined"
+        label="ra.action.back-to-list"
+        className={classes.list}
+      />
+      {/* 'report' is null when a source has just been created */}
+      <StatusChip label="datasource.form.status" status={report ?? {}} />
+      { _type !== 'WMTSSource' && (
+        <RefreshButton
+          color="primary"
+          variant="contained"
+          label="datasource.edit.refresh"
+          onClick={refreshData}
+          disabled={pending}
+        />
+      )}
+    </TopToolbar>
+  );
+};
+
 
 export default compose(
   withStyles(style),