chore: add icon for linking to agent

flanksource · Sep 2, 2024 · 88a9645 · 88a9645
1 parent 5fd5415
commit 88a9645
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Integrations/Table/IntegrationsTableColumns.tsx b/src/components/Integrations/Table/IntegrationsTableColumns.tsx
@@ -4,6 +4,7 @@ import AgentBadge from "@flanksource-ui/components/Agents/AgentBadge";
 import JobHistoryStatusColumn from "@flanksource-ui/components/JobsHistory/JobHistoryStatusColumn";
 import { JobsHistoryDetails } from "@flanksource-ui/components/JobsHistory/JobsHistoryDetails";
 import { JobHistoryStatus } from "@flanksource-ui/components/JobsHistory/JobsHistoryTable";
+import ResourceSettingsSourceLink from "@flanksource-ui/components/Settings/ResourceSettingsSourceLink";
 import { Age } from "@flanksource-ui/ui/Age";
 import { Avatar } from "@flanksource-ui/ui/Avatar";
 import { LogsIcon } from "@flanksource-ui/ui/Icons/LogsIcon";
@@ -90,7 +91,22 @@ export const integrationsTableColumns: MRT_ColumnDef<SchemaResourceWithJobStatus
     {
       id: "source",
       header: "Source",
-      accessorKey: "source"
+      accessorKey: "source",
+      Cell: ({ row }) => {
+        const { source, id, name, namespace, agent } = row.original;
+
+        return (
+          <ResourceSettingsSourceLink
+            source={source}
+            id={id}
+            name={name}
+            namespace={namespace}
+            agentName={agent?.name}
+            agentId={agent?.id}
+            showMinimal
+          />
+        );
+      }
     },
     {
       id: "job_status",

diff --git a/src/components/Settings/ResourceSettingsSourceLink.tsx b/src/components/Settings/ResourceSettingsSourceLink.tsx
@@ -1,3 +1,4 @@
+import { RiRobot2Fill } from "react-icons/ri";
 import { Link } from "react-router-dom";
 import CRDSource from "./CRDSource";
 import { CatalogResourceSource } from "./CatalogResourceSource";
@@ -32,6 +33,7 @@ export default function ResourceSettingsSourceLink({
             to={`/settings/agents?id=${agentId}`}
             className="cursor-pointer text-blue-500 underline"
           >
+            <RiRobot2Fill className="mr-1 inline" />
             <span>link</span>
           </Link>
         ) : (
@@ -41,6 +43,7 @@ export default function ResourceSettingsSourceLink({
               to={`/settings/agents?id=${agentId}`}
               className="cursor-pointer text-blue-500 underline"
             >
+              <RiRobot2Fill className="mr-1 inline" />
               <span>{agentName}</span>
             </Link>
           </>