Updated packages

client/package.json

@@ -7,44 +7,44 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "axios": "^1.6.2",
-    "@ant-design/icons": "^5.2.6",
-    "@loadable/component": "^5.16.2",
+    "axios": "^1.6.8",
+    "@ant-design/icons": "^5.3.7",
+    "@loadable/component": "^5.16.4",
     "@refinedev/antd": "^5.37.0",
-    "@refinedev/core": "^4.46.0",
-    "@refinedev/kbar": "^1.3.4",
-    "@refinedev/react-router-v6": "^4.5.4",
-    "@refinedev/simple-rest": "^5.0.0",
+    "@refinedev/core": "^4.49.2",
+    "@refinedev/kbar": "^1.3.10",
+    "@refinedev/react-router-v6": "^4.5.9",
+    "@refinedev/simple-rest": "^5.0.6",
     "@tanstack/react-query": "^4.36.1",
     "@tanstack/react-query-devtools": "^4.36.1",
-    "@types/loadable__component": "^5.13.8",
-    "@yudiel/react-qr-scanner": "^1.2.4",
+    "@types/loadable__component": "^5.13.9",
+    "@yudiel/react-qr-scanner": "^1.2.10",
     "antd": "^5.12.2",
-    "flag-icons": "^7.1.0",
-    "i18next": "^23.7.11",
-    "i18next-browser-languagedetector": "^7.2.0",
-    "i18next-xhr-backend": "^3.2.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^13.5.0",
-    "react-router-dom": "^6.21.0",
-    "react-to-print": "^2.14.15",
+    "flag-icons": "^7.2.1",
+    "i18next": "^23.11.4",
+    "i18next-browser-languagedetector": "^7.2.1",
+    "i18next-http-backend": "^2.5.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^14.1.1",
+    "react-router-dom": "^6.23.0",
+    "react-to-print": "^2.15.1",
     "vite-plugin-svgr": "^4.2.0"
   },
   "devDependencies": {
-    "@refinedev/cli": "^2.16.20",
-    "@types/node": "^20.10.4",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
+    "@refinedev/cli": "^2.16.31",
+    "@types/node": "^20.12.11",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.13",
-    "vite-plugin-mkcert": "^1.17.1"
+    "eslint": "^9.2.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vite-plugin-mkcert": "^1.17.5"
   },
   "scripts": {
     "dev": "refine dev",
@@ -65,4 +65,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

client/src/components/notificationProvider.tsx

@@ -1,7 +1,40 @@
-import { NotificationProvider } from "@refinedev/core";
-import { message } from "antd";
+import { UndoOutlined } from "@ant-design/icons";
+import { NotificationProvider, OpenNotificationParams } from "@refinedev/core";
+import { Button, Progress, message } from "antd";
 
-import { UndoableNotification } from "@refinedev/antd/src/components/undoableNotification";
+type UndoableNotificationProps = {
+  notificationKey: OpenNotificationParams["key"];
+  message: OpenNotificationParams["message"];
+  cancelMutation: OpenNotificationParams["cancelMutation"];
+  undoableTimeout: OpenNotificationParams["undoableTimeout"];
+};
+
+const UndoableNotification: React.FC<UndoableNotificationProps> = ({ message, cancelMutation, undoableTimeout }) => (
+  <div
+    style={{
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginTop: "-7px",
+    }}
+  >
+    <Progress
+      type="circle"
+      percent={(undoableTimeout ?? 0) * 20}
+      format={(time) => time && time / 20}
+      size={50}
+      strokeColor="#1890ff"
+      status="normal"
+    />
+    <span style={{ marginLeft: 8, width: "100%" }}>{message}</span>
+    <Button
+      style={{ flexShrink: 0 }}
+      onClick={cancelMutation}
+      disabled={undoableTimeout === 0}
+      icon={<UndoOutlined />}
+    ></Button>
+  </div>
+);
 
 const SpoolmanNotificationProvider: NotificationProvider = {
   open: ({ key, message: content, type, cancelMutation, undoableTimeout }) => {

client/src/i18n.ts

@@ -1,6 +1,6 @@
 import i18n from "i18next";
 import detector from "i18next-browser-languagedetector";
-import Backend from "i18next-xhr-backend";
+import Backend from "i18next-http-backend";
 import { initReactI18next } from "react-i18next";
 import { getBasePath } from "./utils/url";