fix: use yarn 4, notify on password change (#40)

.yarnrc.yml

@@ -1,7 +1,7 @@
-nodeLinker: node-modules
+compressionLevel: mixed
+
+enableGlobalCache: false
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
+nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.6.3.cjs
+yarnPath: .yarn/releases/yarn-4.0.1.cjs

package.json

@@ -12,7 +12,7 @@
     "@emotion/cache": "11.11.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@graasp/query-client": "2.0.0",
+    "@graasp/query-client": "2.0.1",
     "@graasp/sdk": "2.0.0",
     "@graasp/translations": "1.19.4",
     "@graasp/ui": "4.0.0",
@@ -30,6 +30,7 @@
     "@uppy/status-bar": "^3.2.4",
     "@uppy/tus": "3.3.0",
     "@uppy/xhr-upload": "3.4.0",
+    "axios": "0.27.2",
     "connected-react-router": "6.9.3",
     "filesize": "^10.0.12",
     "http-status-codes": "2.3.0",
@@ -124,5 +125,5 @@
     "vite-plugin-checker": "0.6.2",
     "vite-plugin-istanbul": "5.0.0"
   },
-  "packageManager": "yarn@3.6.3"
+  "packageManager": "yarn@4.0.1"
 }

src/config/notifier.ts

@@ -1,14 +1,17 @@
 import { toast } from 'react-toastify';
 
 import { Notifier, routines } from '@graasp/query-client';
+import { FAILURE_MESSAGES } from '@graasp/translations';
+
+import { AxiosError } from 'axios';
 
 import i18n from './i18n';
 import {
   CHANGE_PLAN_ERROR_MESSAGE,
   CHANGE_PLAN_SUCCESS_MESSAGE,
 } from './messages';
 
-const { changePlanRoutine } = routines;
+const { changePlanRoutine, updatePasswordRoutine } = routines;
 
 type ErrorPayload = Parameters<Notifier>[0]['payload'] & {
   failure?: unknown[];
@@ -20,6 +23,23 @@ type SuccessPayload = {
 
 type Payload = ErrorPayload & SuccessPayload;
 
+const getErrorMessageFromPayload = (
+  payload?: Parameters<Notifier>[0]['payload'],
+) => {
+  if (payload?.error && payload.error instanceof AxiosError) {
+    if (payload.error.isAxiosError) {
+      return (
+        payload.error.response?.data.message ??
+        FAILURE_MESSAGES.UNEXPECTED_ERROR
+      );
+    }
+  }
+  return payload?.error?.message ?? FAILURE_MESSAGES.UNEXPECTED_ERROR;
+};
+
+const getSuccessMessageFromPayload = (payload?: SuccessPayload) =>
+  i18n.t(payload?.message ?? 'The operation successfully proceeded');
+
 export default ({
   type,
   payload,
@@ -30,10 +50,19 @@ export default ({
   let message = null;
   switch (type) {
     // error messages
+    case updatePasswordRoutine.FAILURE: {
+      message = getErrorMessageFromPayload(payload);
+      break;
+    }
     case changePlanRoutine.FAILURE: {
       message = CHANGE_PLAN_ERROR_MESSAGE;
       break;
     }
+    // success messages
+    case updatePasswordRoutine.SUCCESS: {
+      message = getSuccessMessageFromPayload(payload);
+      break;
+    }
 
     // progress messages
     case changePlanRoutine.SUCCESS: {