admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/IO-3255-simplified-parts-management - Revert dashboard

Browse Source
This commit is contained in:
Dave
2025-08-21 16:40:07 -04:00
parent 6486de3c61
commit a934249c02
4 changed files with 29 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
client/package-lock.json generated
View File

@@ -59,7 +59,7 @@
"react-dom": "^18.3.1",
"react-drag-listview": "^2.0.0",
"react-grid-gallery": "^1.0.1",
"react-grid-layout": "^1.5.2",
"react-grid-layout": "1.3.4",
"react-i18next": "^15.7.1",
"react-icons": "^5.5.0",
"react-image-lightbox": "^5.1.4",
@@ -8228,12 +8228,6 @@
"dev": true,
"license": "MIT"
},
"node_modules/fast-equals": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
"integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg==",
"license": "MIT"
},
"node_modules/fast-json-stable-stringify": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -10530,6 +10524,13 @@
"integrity": "sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==",
"license": "MIT"
},
"node_modules/lodash.isequal": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
"integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
"deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
"license": "MIT"
},
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -13329,32 +13330,22 @@
}
},
"node_modules/react-grid-layout": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/react-grid-layout/-/react-grid-layout-1.5.2.tgz",
"integrity": "sha512-vT7xmQqszTT+sQw/LfisrEO4le1EPNnSEMVHy6sBZyzS3yGkMywdOd+5iEFFwQwt0NSaGkxuRmYwa1JsP6OJdw==",
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/react-grid-layout/-/react-grid-layout-1.3.4.tgz",
"integrity": "sha512-sB3rNhorW77HUdOjB4JkelZTdJGQKuXLl3gNg+BI8gJkTScspL1myfZzW/EM0dLEn+1eH+xW+wNqk0oIM9o7cw==",
"license": "MIT",
"dependencies": {
"clsx": "^2.1.1",
"fast-equals": "^4.0.3",
"clsx": "^1.1.1",
"lodash.isequal": "^4.0.0",
"prop-types": "^15.8.1",
"react-draggable": "^4.4.6",
"react-resizable": "^3.0.5",
"resize-observer-polyfill": "^1.5.1"
"react-draggable": "^4.0.0",
"react-resizable": "^3.0.4"
},
"peerDependencies": {
"react": ">= 16.3.0",
"react-dom": ">= 16.3.0"
}
},
"node_modules/react-grid-layout/node_modules/clsx": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
"license": "MIT",
"engines": {
"node": ">=6"
}
},
"node_modules/react-i18next": {
"version": "15.7.1",
"resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-15.7.1.tgz",

2
client/package.json
View File

@@ -58,7 +58,7 @@
"react-dom": "^18.3.1",
"react-drag-listview": "^2.0.0",
"react-grid-gallery": "^1.0.1",
"react-grid-layout": "^1.5.2",
"react-grid-layout": "1.3.4",
"react-i18next": "^15.7.1",
"react-icons": "^5.5.0",
"react-image-lightbox": "^5.1.4",

32
client/src/components/dashboard-grid/dashboard-grid.component.jsx
View File

@@ -26,26 +26,18 @@ const ResponsiveReactGridLayout = WidthProvider(Responsive);
const mapStateToProps = createStructuredSelector({
currentUser: selectCurrentUser,
bodyshop: selectBodyshop
//
});
const mapDispatchToProps = () => ({
//setUserLanguage: language => dispatch(setUserLanguage(language))
});
// Coerce incoming layouts to the object shape expected by ResponsiveRGL
const coerceLayouts = (layouts) => {
if (!layouts) return {};
return Array.isArray(layouts) ? {} : layouts;
};
export function DashboardGridComponent({ currentUser, bodyshop }) {
const { t } = useTranslation();
const initial = bodyshop?.associations?.[0]?.user?.dashboardlayout || { items: [], layout: {}, layouts: {} };
const [state, setState] = useState({
items: initial.items || [],
layout: initial.layout || {},
layouts: coerceLayouts(initial.layouts)
...(bodyshop.associations[0].user.dashboardlayout
? bodyshop.associations[0].user.dashboardlayout
: { items: [], layout: {}, layouts: [] })
});
const notification = useNotification();
@@ -59,13 +51,12 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
const handleLayoutChange = async (layout, layouts) => {
logImEXEvent("dashboard_change_layout");
const nextState = { ...state, layout, layouts };
setState(nextState);
setState({ ...state, layout, layouts });
const result = await updateLayout({
variables: {
email: currentUser.email,
layout: nextState
layout: { ...state, layout, layouts }
}
});
@@ -90,19 +81,19 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
const handleAddComponent = (e) => {
logImEXEvent("dashboard_add_component", { name: e });
setState((prev) => ({
...prev,
setState({
...state,
items: [
...prev.items,
...state.items,
{
i: e.key,
x: (prev.items.length * 2) % 12,
x: (state.items.length * 2) % (state.cols || 12),
y: 99, // puts it at the bottom
w: componentList[e.key].w || 2,
h: componentList[e.key].h || 2
}
]
}));
});
};
const dashboardData = useMemo(() => GenerateDashboardData(data), [data]);
@@ -139,7 +130,8 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
className="layout"
breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
cols={{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }}
layouts={state.layouts || {}}
width="100%"
layouts={state.layouts}
onLayoutChange={handleLayoutChange}
>
{state.items.map((item) => {

3
client/vite.config.js
View File

@@ -189,8 +189,7 @@ export default defineConfig({
},
build: {
// Hide source maps from browsers; Sentry plugin will upload them
sourcemap: "hidden",
sourcemap: true,
rollupOptions: {
output: {