From 3b21c603f6a068661c4cb7cbf752924dd21b13e8 Mon Sep 17 00:00:00 2001 From: Dave Richer Date: Mon, 24 Mar 2025 14:09:21 -0400 Subject: [PATCH] IO-3183-Dependency-Updates-and-maintenance - Cleaning dashboard-grid.component.jsx --- .../dashboard-grid/dashboard-grid.component.jsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/client/src/components/dashboard-grid/dashboard-grid.component.jsx b/client/src/components/dashboard-grid/dashboard-grid.component.jsx index 83608e830..1fd97ceb1 100644 --- a/client/src/components/dashboard-grid/dashboard-grid.component.jsx +++ b/client/src/components/dashboard-grid/dashboard-grid.component.jsx @@ -2,8 +2,7 @@ import Icon, { SyncOutlined } from "@ant-design/icons"; import { useMutation, useQuery } from "@apollo/client"; import { Button, Dropdown, Space } from "antd"; import { PageHeader } from "@ant-design/pro-layout"; -import _ from "lodash"; -import React, { useState } from "react"; +import { useMemo, useState } from "react"; import { Responsive, WidthProvider } from "react-grid-layout"; import { useTranslation } from "react-i18next"; import { MdClose } from "react-icons/md"; @@ -20,6 +19,7 @@ import componentList from "./componentList.js"; import createDashboardQuery from "./createDashboardQuery.js"; import "./dashboard-grid.styles.scss"; +import cloneDeep from "lodash/cloneDeep"; const ResponsiveReactGridLayout = WidthProvider(Responsive); @@ -71,7 +71,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) { logImEXEvent("dashboard_remove_component", { name: key }); const idxToRemove = state.items.findIndex((i) => i.i === key); - const items = _.cloneDeep(state.items); + const items = cloneDeep(state.items); items.splice(idxToRemove, 1); 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 menuItems = Object.keys(componentList).map((key) => ({ @@ -156,7 +156,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) { }} onClick={() => handleRemoveComponent(item.i)} /> - + );