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

IO-3183-Dependency-Updates-and-maintenance - Cleaning dashboard-grid.component.jsx

Browse Source
This commit is contained in:
Dave Richer
2025-03-24 14:09:21 -04:00
parent c568970fd8
commit 3b21c603f6
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,8 +2,7 @@ import Icon, { SyncOutlined } from "@ant-design/icons";
import { useMutation, useQuery } from "@apollo/client"; import { useMutation, useQuery } from "@apollo/client";
import { Button, Dropdown, Space } from "antd"; import { Button, Dropdown, Space } from "antd";
import { PageHeader } from "@ant-design/pro-layout"; import { PageHeader } from "@ant-design/pro-layout";
import _ from "lodash"; import { useMemo, useState } from "react";
import React, { useState } from "react";
import { Responsive, WidthProvider } from "react-grid-layout"; import { Responsive, WidthProvider } from "react-grid-layout";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { MdClose } from "react-icons/md"; import { MdClose } from "react-icons/md";
@@ -20,6 +19,7 @@ import componentList from "./componentList.js";
import createDashboardQuery from "./createDashboardQuery.js"; import createDashboardQuery from "./createDashboardQuery.js";
import "./dashboard-grid.styles.scss"; import "./dashboard-grid.styles.scss";
import cloneDeep from "lodash/cloneDeep";
const ResponsiveReactGridLayout = WidthProvider(Responsive); const ResponsiveReactGridLayout = WidthProvider(Responsive);
@@ -71,7 +71,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
logImEXEvent("dashboard_remove_component", { name: key }); logImEXEvent("dashboard_remove_component", { name: key });
const idxToRemove = state.items.findIndex((i) => i.i === key); const idxToRemove = state.items.findIndex((i) => i.i === key);
const items = _.cloneDeep(state.items); const items = cloneDeep(state.items);
items.splice(idxToRemove, 1); items.splice(idxToRemove, 1);
setState({ ...state, items }); setState({ ...state, items });
@@ -94,7 +94,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
}); });
}; };
const dashboarddata = React.useMemo(() => GenerateDashboardData(data), [data]); const dashboardData = useMemo(() => GenerateDashboardData(data), [data]);
const existingLayoutKeys = state.items.map((i) => i.i); const existingLayoutKeys = state.items.map((i) => i.i);
const menuItems = Object.keys(componentList).map((key) => ({ const menuItems = Object.keys(componentList).map((key) => ({
@@ -156,7 +156,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
}} }}
onClick={() => handleRemoveComponent(item.i)} onClick={() => handleRemoveComponent(item.i)}
/> />
<TheComponent className="dashboard-card" bodyshop={bodyshop} data={dashboarddata} /> <TheComponent className="dashboard-card" bodyshop={bodyshop} data={dashboardData} />
</LoadingSkeleton> </LoadingSkeleton>
</div> </div>
); );