From 69459efd1da8d247c7718ef7eff63385f4cf3d96 Mon Sep 17 00:00:00 2001
From: Sarah Gillespie <73313222+gillespi314@users.noreply.github.com>
Date: Wed, 8 Jan 2025 17:41:26 -0600
Subject: [PATCH] Remove arrow icon from MDM solution table (#25211)

---
 changes/24962-ui-dashboard-mdm-solutions-table        |  1 +
 .../DataTable/InternalLinkCell/InternalLinkCell.tsx   | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 changes/24962-ui-dashboard-mdm-solutions-table

diff --git a/changes/24962-ui-dashboard-mdm-solutions-table b/changes/24962-ui-dashboard-mdm-solutions-table
new file mode 100644
index 0000000000..972a18bf80
--- /dev/null
+++ b/changes/24962-ui-dashboard-mdm-solutions-table
@@ -0,0 +1 @@
+- Removed arrow icon from MDM solution table on dashboard page.
diff --git a/frontend/components/TableContainer/DataTable/InternalLinkCell/InternalLinkCell.tsx b/frontend/components/TableContainer/DataTable/InternalLinkCell/InternalLinkCell.tsx
index f4c3601742..7596767f11 100644
--- a/frontend/components/TableContainer/DataTable/InternalLinkCell/InternalLinkCell.tsx
+++ b/frontend/components/TableContainer/DataTable/InternalLinkCell/InternalLinkCell.tsx
@@ -3,6 +3,7 @@ import classnames from "classnames";
 import { noop } from "lodash";
 
 import Icon from "components/Icon";
+import { IconNames } from "components/icons";
 
 const baseClass = "internal-link-cell";
 
@@ -10,6 +11,13 @@ interface IInternalLinkCellProps {
   value: string;
   onClick?: () => void;
   className?: string;
+  /** iconName is the name of the icon that will be dislayed to the right
+   * of the text.
+   *
+   * NOTE: This component has not been tested with all icons. Callers should
+   * ensure that the specified icon displays properly. Some issue were observed
+   * with icon clipping, sizing etc. */
+  iconName?: IconNames;
 }
 
 /** This cell is used when you want a clickable cell value that does not link
@@ -23,6 +31,7 @@ const InternalLinkCell = ({
   value,
   onClick = noop,
   className,
+  iconName,
 }: IInternalLinkCellProps) => {
   const classNames = classnames(baseClass, className);
 
@@ -34,7 +43,7 @@ const InternalLinkCell = ({
        */}
       <div className={`${baseClass}__content`} onClick={onClick}>
         <span>{value}</span>
-        <Icon name="arrow-internal-link" />
+        {iconName && <Icon name={iconName} />}
       </div>
     </div>
   );