- Minor front end package updates

- Fixed missing key issues in JobLifecycleComponent

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/package.json

@@ -8,19 +8,18 @@
   "private": true,
   "proxy": "http://localhost:4000",
   "dependencies": {
-    "@ant-design/compatible": "^5.1.2",
+    "@ant-design/pro-layout": "^7.19.7",
-    "@ant-design/pro-layout": "^7.19.0",
     "@apollo/client": "^3.8.10",
     "@emotion/is-prop-valid": "^1.2.2",
     "@fingerprintjs/fingerprintjs": "^4.3.0",
     "@jsreport/browser-client": "^3.1.0",
-    "@reduxjs/toolkit": "^2.2.4",
+    "@reduxjs/toolkit": "^2.2.5",
     "@sentry/cli": "^2.31.2",
     "@sentry/react": "^7.114.0",
     "@splitsoftware/splitio-react": "^1.12.0",
     "@tanem/react-nprogress": "^5.0.51",
     "@vitejs/plugin-react": "^4.2.1",
-    "antd": "^5.17.2",
+    "antd": "^5.17.4",
     "apollo-link-logger": "^2.0.1",
     "apollo-link-sentry": "^3.3.0",
     "autosize": "^6.0.1",
@@ -32,30 +31,30 @@
     "dotenv": "^16.4.5",
     "env-cmd": "^10.1.0",
     "exifr": "^7.1.3",
-    "firebase": "^10.12.0",
+    "firebase": "^10.12.2",
     "graphql": "^16.6.0",
-    "i18next": "^23.11.4",
+    "i18next": "^23.11.5",
     "i18next-browser-languagedetector": "^7.2.1",
     "immutability-helper": "^3.1.1",
     "kuika-smooth-dnd": "^1.0.0",
-    "libphonenumber-js": "^1.11.1",
+    "libphonenumber-js": "^1.11.2",
     "logrocket": "^8.1.0",
     "markerjs2": "^2.32.1",
     "normalize-url": "^8.0.1",
     "prop-types": "^15.8.1",
     "query-string": "^9.0.0",
     "react": "^18.3.1",
-    "react-big-calendar": "^1.12.1",
+    "react-big-calendar": "^1.12.2",
     "react-color": "^2.19.3",
     "react-cookie": "^7.1.4",
     "react-dom": "^18.3.1",
     "react-drag-listview": "^2.0.0",
     "react-grid-gallery": "^1.0.1",
     "react-grid-layout": "1.3.4",
-    "react-i18next": "^14.1.1",
+    "react-i18next": "^14.1.2",
     "react-icons": "^5.2.1",
     "react-image-lightbox": "^5.1.4",
-    "react-joyride": "^2.8.1",
+    "react-joyride": "^2.8.2",
     "react-markdown": "^9.0.1",
     "react-number-format": "^5.3.4",
     "react-popopo": "^2.1.9",
@@ -73,7 +72,7 @@
     "redux-saga": "^1.3.0",
     "redux-state-sync": "^3.1.4",
     "reselect": "^5.1.0",
-    "sass": "^1.77.1",
+    "sass": "^1.77.2",
     "socket.io-client": "^4.7.5",
     "styled-components": "^6.1.11",
     "subscriptions-transport-ws": "^0.11.0",
@@ -134,8 +133,8 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-react": "^7.24.6",
-    "@dotenvx/dotenvx": "^0.38.0",
+    "@dotenvx/dotenvx": "^0.44.1",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/react": "^11.11.4",
     "@sentry/webpack-plugin": "^2.16.1",
@@ -156,7 +155,7 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-legacy": "^2.1.0",
-    "vite-plugin-node-polyfills": "^0.21.0",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-pwa": "^0.20.0",
     "vite-plugin-style-import": "^2.0.0"
   }

client/src/components/dashboard-components/job-lifecycle/job-lifecycle-dashboard.component.jsx

@@ -9,7 +9,6 @@ import axios from "axios";
 const fortyFiveDaysAgo = () => dayjs().subtract(45, "day").toLocaleString();
 
 export default function JobLifecycleDashboardComponent({ data, bodyshop, ...cardProps }) {
-  console.log("🚀 ~ JobLifecycleDashboardComponent ~ bodyshop:", bodyshop);
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [lifecycleData, setLifecycleData] = useState(null);
@@ -143,7 +142,7 @@ export default function JobLifecycleDashboardComponent({ data, bodyshop, ...card
           >
             <div>
               {lifecycleData.summations.map((key) => (
-                <Tag color={key.color} style={{ width: "13vh", padding: "4px", margin: "4px" }}>
+                <Tag key={key.status} color={key.color} style={{ width: "13vh", padding: "4px", margin: "4px" }}>
                   <div
                     aria-label={`${key.status} | ${key.roundedPercentage} | ${key.humanReadable}`}
                     title={`${key.status} | ${key.roundedPercentage} | ${key.humanReadable}`}
@@ -165,6 +164,7 @@ export default function JobLifecycleDashboardComponent({ data, bodyshop, ...card
               size="small"
               pagination={false}
               columns={columns}
+              rowKey={(record) => record.status}
               dataSource={lifecycleData.summations.sort((a, b) => b.value - a.value).slice(0, 3)}
             />
           </Card>