From 9fb884638fcc19a15c12f094131e70ee12a93022 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 27 Dec 2025 21:22:44 +0000
Subject: [PATCH] Add ActionsIcon component and corresponding SVG icon

- Introduced a new ActionsIcon component that utilizes an SVG for rendering.
- Updated ObjectTable to display the ActionsIcon in the actions column when applicable.
- Added the SVG file for the ActionsIcon to the assets/icons directory.
---
 assets/icons/actionsicon.svg                    | 9 +++++++++
 src/components/Dashboard/common/ObjectTable.jsx | 5 +++--
 src/components/Icons/ActionsIcon.jsx            | 6 ++++++
 3 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 assets/icons/actionsicon.svg
 create mode 100644 src/components/Icons/ActionsIcon.jsx

diff --git a/assets/icons/actionsicon.svg b/assets/icons/actionsicon.svg
new file mode 100644
index 0000000..512ece9
--- /dev/null
+++ b/assets/icons/actionsicon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.889695,0,0,0.889695,3,2.383378)">
+        <path d="M0,33.052C0,45.309 6.996,56.09 16.234,61.178C20.659,63.638 24.162,57.594 19.732,55.013C12.395,50.857 7.182,42.577 7.182,33.052C7.182,18.948 18.465,7.622 32.569,7.622C46.673,7.622 58.03,18.948 58.03,33.052C58.03,35.325 59.805,36.728 61.717,36.728C63.565,36.728 65.191,35.303 65.191,33.052C65.191,15.177 50.444,0.462 32.569,0.462C14.726,0.462 0,15.177 0,33.052Z" style="fill-rule:nonzero;"/>
+        <path d="M13.589,33.042C13.589,39.892 17.302,45.715 21.556,48.454C25.359,50.937 28.902,45.774 25.59,43.286C22.321,41.043 20.176,37.305 20.176,33.042C20.176,26.121 25.701,20.596 32.579,20.596C39.458,20.596 44.753,26.1 45.025,32.804C45.127,34.798 46.618,36.042 48.354,36.042C50.099,36.042 51.612,34.718 51.612,32.764C51.612,22.599 43.022,14.009 32.579,14.009C22.178,14.009 13.589,22.599 13.589,33.042Z" style="fill-rule:nonzero;"/>
+        <path d="M47.066,65.874C48.64,65.243 49.395,63.472 48.712,61.887L44.195,51.408L50.357,51.285C51.793,51.304 52.485,49.84 51.462,48.796L34.618,31.611C33.647,30.639 32.221,31.207 32.19,32.582L31.859,56.934C31.817,58.42 33.513,58.935 34.483,57.946L38.738,53.572L43.036,64.259C43.647,65.781 45.481,66.537 47.066,65.874Z" style="fill-rule:nonzero;"/>
+    </g>
+</svg>
diff --git a/src/components/Dashboard/common/ObjectTable.jsx b/src/components/Dashboard/common/ObjectTable.jsx
index d95bb70..52bd2ec 100644
--- a/src/components/Dashboard/common/ObjectTable.jsx
+++ b/src/components/Dashboard/common/ObjectTable.jsx
@@ -41,6 +41,7 @@ import { useNavigate } from 'react-router-dom'
 import QuestionCircleIcon from '../../Icons/QuestionCircleIcon'
 import { AuthContext } from '../context/AuthContext'
 import { ElectronContext } from '../context/ElectronContext'
+import ActionsIcon from '../../Icons/ActionsIcon'
 
 const logger = loglevel.getLogger('DasboardTable')
 logger.setLevel(config.logLevel)
@@ -758,11 +759,11 @@ const ObjectTable = forwardRef(
       }
     })
 
-    if (rowActions.length > 0) {
+    if (rowActions.length > 0 && tableData.some((item) => !item.isSkeleton)) {
       columnsWithSkeleton.push({
         title: (
           <Flex gap='small' align='center' justify='center'>
-            {'Actions'}
+            <ActionsIcon />
           </Flex>
         ),
         key: 'actions',
diff --git a/src/components/Icons/ActionsIcon.jsx b/src/components/Icons/ActionsIcon.jsx
new file mode 100644
index 0000000..819a96a
--- /dev/null
+++ b/src/components/Icons/ActionsIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/actionsicon.svg?react'
+
+const ActionsIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default ActionsIcon