From 3d4aadba3edd0698ebd3bc42cf358715ab79cc61 Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Tue, 30 May 2023 17:16:47 -0400 Subject: [PATCH] Fleet UI: Update icons (All icons related to action buttons/table container actions) (#11945) --- .../images/icon-action-transfer-16x16@2x.png | Bin 453 -> 0 bytes assets/images/icon-check-purple-32x32@2x.png | Bin 583 -> 0 bytes .../icon-delete-vibrant-blue-12x14@2x.png | Bin 544 -> 0 bytes assets/images/icon-edit-columns-16x16@2x.png | Bin 228 -> 0 bytes assets/images/icon-more-menu-3x13@2x.png | Bin 203 -> 0 bytes .../DataTable/ActionButton/ActionButton.tsx | 39 ++++-------------- .../TableContainer/DataTable/DataTable.tsx | 6 +-- .../TableContainer/TableContainer.tsx | 9 ++-- .../buttons/ActionButtons/ActionButtons.tsx | 12 ++---- .../buttons/ActionButtons/_styles.scss | 5 +-- frontend/components/icons/Columns.tsx | 32 ++++++++++++++ frontend/components/icons/Copy.tsx | 1 - frontend/components/icons/Disable.tsx | 26 ++++++++++++ frontend/components/icons/Ex.tsx | 2 +- frontend/components/icons/More.tsx | 27 ++++++++++++ frontend/components/icons/Transfer.tsx | 26 ++++++++++++ frontend/components/icons/index.ts | 8 ++++ .../PackQueriesTable/PackQueriesTable.tsx | 4 +- .../TeamDetailsWrapper/TeamDetailsWrapper.tsx | 6 +-- .../hosts/ManageHostsPage/ManageHostsPage.tsx | 7 ++-- .../pages/hosts/ManageHostsPage/_styles.scss | 2 +- .../components/PacksTable/PacksTable.tsx | 6 +-- .../PoliciesTable/PoliciesTable.tsx | 2 +- .../PolicyQueriesErrorsTable.tsx | 2 +- .../PolicyQueriesTable/PolicyQueriesTable.tsx | 2 +- .../components/QueriesTable/QueriesTable.tsx | 2 +- .../QueriesTable/QueriesTableConfig.tsx | 1 - .../ScheduleTable/ScheduleTable.tsx | 2 +- 28 files changed, 156 insertions(+), 73 deletions(-) delete mode 100644 assets/images/icon-action-transfer-16x16@2x.png delete mode 100644 assets/images/icon-check-purple-32x32@2x.png delete mode 100644 assets/images/icon-delete-vibrant-blue-12x14@2x.png delete mode 100644 assets/images/icon-edit-columns-16x16@2x.png delete mode 100644 assets/images/icon-more-menu-3x13@2x.png create mode 100644 frontend/components/icons/Columns.tsx create mode 100644 frontend/components/icons/Disable.tsx create mode 100644 frontend/components/icons/More.tsx create mode 100644 frontend/components/icons/Transfer.tsx diff --git a/assets/images/icon-action-transfer-16x16@2x.png b/assets/images/icon-action-transfer-16x16@2x.png deleted file mode 100644 index bf0eef45fa4534aedc5020ceaa69cc265f7aed68..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 453 zcmV;$0XqJPP)IO5VGGaMb8(y_1xc0i6A5GZMNiSmfg>xdMOe963%A-Q)2q+EfP*8-d|D= zC5JRcpyZII2$USs6oFFZ2b}bMaW}bo!D+a*?q{qEcE4x(z8J1vG!H~XWc$7lZ88x# z5!Oy0+1jq_duD#??s0wZ*9CC-BAW>>MQ+el6)KoT00000NkvXXu0mjfh_kod diff --git a/assets/images/icon-check-purple-32x32@2x.png b/assets/images/icon-check-purple-32x32@2x.png deleted file mode 100644 index ca0be63a311ef616915968f85cd9a34280ae7347..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 583 zcmV-N0=WH&P)1(A$O)tfdzi5U3cHK3 zi7h1LcS*cEyKg*x^L7C$RH*RBKqwiGLw1c|NXqjF*H(z0uP4@l8eez? zRxdPF$r+0fv1N)cGy%6C`uwWLUj_-55#rH!j0-3;0oMsVF7&B3f#`ilE-0i6Vsg@3 zjK{oTfLCd2w-(_^FB~A^r8Yq@8wOVEr}bI|+#cNlQj>e;b{N#Ww8f6|)pB zu>%>PRlw~>B*Kv%mevvVn!cg9T-}P>O(RbeoeF~pdEweX2%ss3BF3VTBO8qY6k$6n zxiJBL>zOiSZzdtXF}dP$2|IeD8+?Ks&=Lp{?hSEq60RIBWG3f>#%IM}Ku%~0aQPl( zGefKmN!e|~+@ih*xyg+Q2-ce|v#N%#0tAO<8C4yf>-@D9DO Vy5?PAe2@SD002ovPDHLkV1nUM?wk-8l}c=LY~^!wxsq9qW-Bw&$SsGy}u zkB+e!h8X{*!`nvyNzw)(SU(NNQ7z1oU#!msil?uSB;f88_U&L}X#yQKtC^i7#8Vas z2w;vxuYaA>P(n}kE0z&PTq1CVlmJ13C2;wWWdcXY1~~=?NP|rD z4wk?tOO^;+A$1X2bP=hy5&^i5fh!mSMI^x%GP?He;HsBYK5MFAUKPb4v*tE`Mtr$< zb}U?%MmkMR4Myy;5e*(|=d|)gQz9Tyi&;UQ9`FY9q(R{&ckvR?O0b^QjEUZMPU+3gVk0000Eha8#|hm4V$yfqJ(oJ_Gyvc)I$ztaD0e0s!r8P<;RZ diff --git a/assets/images/icon-more-menu-3x13@2x.png b/assets/images/icon-more-menu-3x13@2x.png deleted file mode 100644 index f59c5f1d1d467fc8b2cc9b917396bb51f106a7da..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 203 zcmeAS@N?(olHy`uVBq!ia0vp^Y(Ol<0V1c|&|LwfI14-?iy0WiR6&^0Gf3qFP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBeuAfqV@L(#+w-=34h|wL4`!AIXbEx6VNg$y zb~);p`e%(sN0`XISE-*SofKGY5yGf(JFhX>+#p?O1OHO%k6}T>A boolean); - icon?: string; + iconSvg?: IconNames; iconPosition?: string; indicatePremiumFeature?: boolean; } @@ -42,31 +39,12 @@ const ActionButton = (buttonProps: IActionButtonProps): JSX.Element | null => { targetIds = [], variant = "brand", hideButton, - icon, + iconSvg, iconPosition, indicatePremiumFeature, } = buttonProps; const onButtonClick = useActionCallback(onActionButtonClick || noop); - const iconLink = ((iconProp) => { - // check if using pre-defined short-hand otherwise otherwise return the prop - switch (iconProp) { - case "close": - return CloseIcon; - case "remove": - return CloseIcon; - case "delete": - return DeleteIcon; - case "check": - return CheckIcon; - case "disable": - return DisableIcon; - case "transfer": - return TransferIcon; - default: - return null; - } - })(icon); // hideButton is intended to provide a flexible way to specify show/hide conditions via a boolean or a function that evaluates to a boolean // currently it is typed to accept an array of targetIds but this typing could easily be expanded to include other use cases const isHidden = ( @@ -81,6 +59,7 @@ const ActionButton = (buttonProps: IActionButtonProps): JSX.Element | null => { if (isHidden(hideButton)) { return null; } + return (
{indicatePremiumFeature && ( @@ -92,13 +71,9 @@ const ActionButton = (buttonProps: IActionButtonProps): JSX.Element | null => { variant={variant} > <> - {iconPosition === "left" && iconLink && ( - {`${name} - )} + {iconPosition === "left" && iconSvg && } {buttonText} - {iconPosition !== "left" && iconLink && ( - {`${name} - )} + {iconPosition !== "left" && iconSvg && }
diff --git a/frontend/components/TableContainer/DataTable/DataTable.tsx b/frontend/components/TableContainer/DataTable/DataTable.tsx index e0c77a57fe..91afc1f899 100644 --- a/frontend/components/TableContainer/DataTable/DataTable.tsx +++ b/frontend/components/TableContainer/DataTable/DataTable.tsx @@ -372,7 +372,7 @@ const DataTable = ({ targetIds, variant, hideButton, - icon, + iconSvg, iconPosition, indicatePremiumFeature, } = actionButtonProps; @@ -387,7 +387,7 @@ const DataTable = ({ variant={variant} hideButton={hideButton} indicatePremiumFeature={indicatePremiumFeature} - icon={icon} + iconSvg={iconSvg} iconPosition={iconPosition} /> @@ -408,7 +408,7 @@ const DataTable = ({ onActionButtonClick: primarySelectAction?.onActionButtonClick || noop, targetIds, variant: primarySelectAction?.variant, - icon: primarySelectAction?.icon, + iconSvg: primarySelectAction?.iconSvg, }; return !buttonText ? null : renderActionButton(actionProps); diff --git a/frontend/components/TableContainer/TableContainer.tsx b/frontend/components/TableContainer/TableContainer.tsx index c0fab7d5c4..81d182a80c 100644 --- a/frontend/components/TableContainer/TableContainer.tsx +++ b/frontend/components/TableContainer/TableContainer.tsx @@ -8,7 +8,7 @@ import SearchField from "components/forms/fields/SearchField"; // @ts-ignore import Pagination from "components/Pagination"; import Button from "components/buttons/Button"; -import { ButtonVariant } from "components/buttons/Button/Button"; +import Icon from "components/Icon/Icon"; import DataTable from "./DataTable/DataTable"; import TableContainerUtils from "./TableContainerUtils"; @@ -337,11 +337,8 @@ const TableContainer = ({ > <> {actionButton.buttonText} - {actionButton.icon && ( - {`${actionButton.buttonText} + {actionButton.iconSvg && ( + )} diff --git a/frontend/components/buttons/ActionButtons/ActionButtons.tsx b/frontend/components/buttons/ActionButtons/ActionButtons.tsx index dc993b03e2..eee6911e29 100644 --- a/frontend/components/buttons/ActionButtons/ActionButtons.tsx +++ b/frontend/components/buttons/ActionButtons/ActionButtons.tsx @@ -7,8 +7,6 @@ import DropdownButton from "components/buttons/DropdownButton"; import Icon from "components/Icon/Icon"; import { IconNames } from "components/icons"; -import MoreIcon from "../../../../assets/images/icon-more-menu-3x13@2x.png"; - export interface IActionButtonProps { type: "primary" | "secondary"; label: string; @@ -65,6 +63,9 @@ const ActionButtons = ({ baseClass, actions }: IProps): JSX.Element => { @@ -79,12 +80,7 @@ const ActionButtons = ({ baseClass, actions }: IProps): JSX.Element => { options={secondaryActions} variant="text-icon" > - More options{" "} - More options + More options diff --git a/frontend/components/buttons/ActionButtons/_styles.scss b/frontend/components/buttons/ActionButtons/_styles.scss index b1eb037e69..0fa87ee5af 100644 --- a/frontend/components/buttons/ActionButtons/_styles.scss +++ b/frontend/components/buttons/ActionButtons/_styles.scss @@ -13,9 +13,8 @@ } &__secondary-dropdown { - .more-options-icon { - padding-left: $pad-small; - padding-right: $pad-medium; + .icon { + padding-left: 6px; } .dropdown-button { margin-left: $pad-large; diff --git a/frontend/components/icons/Columns.tsx b/frontend/components/icons/Columns.tsx new file mode 100644 index 0000000000..ecbe56e7ed --- /dev/null +++ b/frontend/components/icons/Columns.tsx @@ -0,0 +1,32 @@ +import React from "react"; +import { COLORS, Colors } from "styles/var/colors"; +import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes"; + +interface IColumnsProps { + color?: Colors; + size?: IconSizes; +} + +const Columns = ({ + color = "core-fleet-blue", + size = "medium", +}: IColumnsProps) => { + return ( + + + + ); +}; + +export default Columns; diff --git a/frontend/components/icons/Copy.tsx b/frontend/components/icons/Copy.tsx index f30b9fd442..d261244514 100644 --- a/frontend/components/icons/Copy.tsx +++ b/frontend/components/icons/Copy.tsx @@ -8,7 +8,6 @@ interface ICopy { } const Copy = ({ color = "core-fleet-blue", size = "medium" }: ICopy) => { - console.log("color for this icon", color); return ( { + return ( + + + + + ); +}; + +export default Disable; diff --git a/frontend/components/icons/Ex.tsx b/frontend/components/icons/Ex.tsx index 1f2ea17748..0d94f01c37 100644 --- a/frontend/components/icons/Ex.tsx +++ b/frontend/components/icons/Ex.tsx @@ -7,7 +7,7 @@ interface IExProps { size?: IconSizes; } -const Ex = ({ size = "small", color = "status-error" }: IExProps) => { +const Ex = ({ size = "small", color = "core-fleet-blue" }: IExProps) => { return ( { + return ( + + + + ); +}; + +export default More; diff --git a/frontend/components/icons/Transfer.tsx b/frontend/components/icons/Transfer.tsx new file mode 100644 index 0000000000..8413d01a88 --- /dev/null +++ b/frontend/components/icons/Transfer.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { COLORS, Colors } from "styles/var/colors"; + +interface ITransfer { + color?: Colors; +} +const Transfer = ({ color = "core-fleet-blue" }: ITransfer) => { + return ( + + + + ); +}; + +export default Transfer; diff --git a/frontend/components/icons/index.ts b/frontend/components/icons/index.ts index d1ba031ad5..32f539bd7a 100644 --- a/frontend/components/icons/index.ts +++ b/frontend/components/icons/index.ts @@ -2,7 +2,9 @@ import Alert from "./Alert"; import CalendarCheck from "./CalendarCheck"; import Check from "./Check"; import Chevron from "./Chevron"; +import Columns from "./Columns"; import CriticalPolicy from "./CriticalPolicy"; +import Disable from "./Disable"; import DownCaret from "./DownCaret"; import Ex from "./Ex"; import EmptyHosts from "./EmptyHosts"; @@ -16,6 +18,7 @@ import EmptySoftware from "./EmptySoftware"; import EmptyTeams from "./EmptyTeams"; import ExternalLink from "./ExternalLink"; import Issue from "./Issue"; +import More from "./More"; import Plus from "./Plus"; import PremiumFeature from "./PremiumFeature"; import Query from "./Query"; @@ -46,6 +49,7 @@ import Error from "./Error"; import Copy from "./Copy"; import Eye from "./Eye"; import Pencil from "./Pencil"; +import Transfer from "./Transfer"; import TrashCan from "./TrashCan"; import Profile from "./Profile"; import Download from "./Download"; @@ -64,7 +68,9 @@ export const ICON_MAP = { "calendar-check": CalendarCheck, chevron: Chevron, check: Check, + columns: Columns, "critical-policy": CriticalPolicy, + disable: Disable, "down-caret": DownCaret, ex: Ex, "empty-hosts": EmptyHosts, @@ -81,11 +87,13 @@ export const ICON_MAP = { "missing-hosts": MissingHosts, lightbulb: Lightbulb, issue: Issue, + more: More, plus: Plus, query: Query, copy: Copy, eye: Eye, pencil: Pencil, + transfer: Transfer, trash: TrashCan, success: Success, "success-partial": SuccessPartial, diff --git a/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx b/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx index 4747c0bfcb..db28681599 100644 --- a/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx +++ b/frontend/components/queries/PackQueriesTable/PackQueriesTable.tsx @@ -93,14 +93,14 @@ const PackQueriesTable = ({ actionButton={{ name: "add query", buttonText: "Add query", - icon: "plus", + iconSvg: "plus", variant: "text-icon", onActionButtonClick: onAddPackQuery, }} primarySelectAction={{ name: "remove query", buttonText: "Remove", - icon: "close", + iconSvg: "ex", variant: "text-icon", onActionButtonClick: onRemovePackQueries, }} diff --git a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx index b270d501d4..4c928f5596 100644 --- a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx +++ b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx @@ -414,21 +414,21 @@ const TeamDetailsWrapper = ({ type: "secondary", label: "Manage enroll secrets", buttonVariant: "text-icon", - icon: "eye", + iconSvg: "eye", onClick: toggleManageEnrollSecretsModal, }, { type: "secondary", label: "Edit team", buttonVariant: "text-icon", - icon: "pencil", + iconSvg: "pencil", onClick: toggleEditTeamModal, }, { type: "secondary", label: "Delete team", buttonVariant: "text-icon", - icon: "trash", + iconSvg: "trash", hideAction: !isGlobalAdmin, onClick: toggleDeleteTeamModal, }, diff --git a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx index ff43ce20fb..00b81b509b 100644 --- a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx +++ b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx @@ -95,7 +95,6 @@ import EditColumnsModal from "./components/EditColumnsModal/EditColumnsModal"; import TransferHostModal from "../components/TransferHostModal"; import DeleteHostModal from "../components/DeleteHostModal"; import DeleteLabelModal from "./components/DeleteLabelModal"; -import EditColumnsIcon from "../../../../assets/images/icon-edit-columns-16x16@2x.png"; import CloseIconBlack from "../../../../assets/images/icon-close-fleet-black-16x16@2x.png"; import LabelFilterSelect from "./components/LabelFilterSelect"; import HostsFilterBlock from "./components/HostsFilterBlock"; @@ -1379,7 +1378,7 @@ const ManageHostsPage = ({ onActionButtonClick: onTransferToTeamClick, buttonText: "Transfer", variant: "text-icon", - icon: "transfer", + iconSvg: "transfer", hideButton: !isPremiumTier || (!isGlobalAdmin && !isGlobalMaintainer), indicatePremiumFeature: isPremiumTier && isSandboxMode, }, @@ -1438,14 +1437,14 @@ const ManageHostsPage = ({ actionButton={{ name: "edit columns", buttonText: "Edit columns", - icon: EditColumnsIcon, + iconSvg: "columns", variant: "text-icon", onActionButtonClick: toggleEditColumnsModal, }} primarySelectAction={{ name: "delete host", buttonText: "Delete", - icon: "delete", + iconSvg: "trash", variant: "text-icon", onActionButtonClick: onDeleteHostsClick, }} diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss index f25f18a4b7..4045d822dc 100644 --- a/frontend/pages/hosts/ManageHostsPage/_styles.scss +++ b/frontend/pages/hosts/ManageHostsPage/_styles.scss @@ -108,7 +108,7 @@ .manage-hosts__filter-dropdowns { display: flex; - margin-left: $pad-small; + margin-left: $pad-medium; .manage-hosts__status-dropdown-sandbox { width: auto; .Select-control { diff --git a/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx b/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx index a377a8922c..a15d804718 100644 --- a/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx +++ b/frontend/pages/packs/ManagePacksPage/components/PacksTable/PacksTable.tsx @@ -90,14 +90,14 @@ const PacksTable = ({ onActionButtonClick: onEnablePackClick, buttonText: "Enable", variant: "text-icon", - icon: "check", + iconSvg: "check", }, { name: "disable", onActionButtonClick: onDisablePackClick, buttonText: "Disable", variant: "text-icon", - icon: "disable", + iconSvg: "disable", }, ]; return ( @@ -118,7 +118,7 @@ const PacksTable = ({ primarySelectAction={{ name: "delete pack", buttonText: "Delete", - icon: "delete", + iconSvg: "trash", variant: "text-icon", onActionButtonClick: onDeletePackClick, }} diff --git a/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTable.tsx b/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTable.tsx index d06b231e1f..033aa29fde 100644 --- a/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTable.tsx +++ b/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTable.tsx @@ -165,7 +165,7 @@ const PoliciesTable = ({ primarySelectAction={{ name: "delete policy", buttonText: "Delete", - icon: "delete", + iconSvg: "trash", variant: "text-icon", onActionButtonClick: onDeletePolicyClick, }} diff --git a/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx b/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx index c0887dc46a..6ee2beab49 100644 --- a/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx +++ b/frontend/pages/policies/PolicyPage/components/PolicyQueriesErrorsTable/PolicyQueriesErrorsTable.tsx @@ -52,7 +52,7 @@ const PoliciesTable = ({ primarySelectAction={{ name: "delete policy", buttonText: "Delete", - icon: "delete", + iconSvg: "trash", variant: "text-icon", }} emptyComponent={NoPolicyQueries} diff --git a/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx b/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx index 1bbc755f0c..4b43b8e529 100644 --- a/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx +++ b/frontend/pages/policies/PolicyPage/components/PolicyQueriesTable/PolicyQueriesTable.tsx @@ -51,7 +51,7 @@ const PoliciesTable = ({ primarySelectAction={{ name: "delete policy", buttonText: "Delete", - icon: "delete", + iconSvg: "trash", variant: "text-icon", }} emptyComponent={NoPolicyQueries} diff --git a/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTable.tsx b/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTable.tsx index dd05cdf441..08b3e1896e 100644 --- a/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTable.tsx +++ b/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTable.tsx @@ -268,7 +268,7 @@ const QueriesTable = ({ primarySelectAction={{ name: "delete query", buttonText: "Delete", - icon: "delete", + iconSvg: "trash", variant: "text-icon", onActionButtonClick: onDeleteQueryClick, }} diff --git a/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTableConfig.tsx b/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTableConfig.tsx index c7c5e6ac51..26e5bcc58f 100644 --- a/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTableConfig.tsx +++ b/frontend/pages/queries/ManageQueriesPage/components/QueriesTable/QueriesTableConfig.tsx @@ -103,7 +103,6 @@ const generateTableHeaders = ({ ), accessor: "name", Cell: (cellProps: ICellProps): JSX.Element => { - console.log("cellProps.row.original", cellProps.row.original); return (