feat: add icon to the config table

flanksource · Sep 25, 2023 · a377740 · a377740
1 parent 6acf70d
commit a377740
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/SchemaResourcePage/SchemaResourceList.tsx b/src/components/SchemaResourcePage/SchemaResourceList.tsx
@@ -1,8 +1,10 @@
 import clsx from "clsx";
 import { useNavigate } from "react-router-dom";
 import { SchemaResourceWithJobStatus } from "../../api/schemaResources";
+import { tables } from "../../context/UserAccessContext/permissions";
 import { relativeDateTime } from "../../utils/date";
 import { Avatar } from "../Avatar";
+import { Icon } from "../Icon";
 import { InfoMessage } from "../InfoMessage";
 import JobHistoryStatusColumn from "../JobsHistory/JobHistoryStatusColumn";
 import TableSkeletonLoader from "../SkeletonLoader/TableSkeletonLoader";
@@ -122,7 +124,10 @@ function SchemaResourceListItem({
       onClick={() => navigateToDetails(id)}
     >
       <Cell colSpan={2} className="leading-5 text-gray-900 font-medium">
-        {name}
+        <div className="flex flex-row gap-2 items-center">
+          {table === tables.config_scrapers && <Icon name={name} />}
+          <div> {name}</div>
+        </div>
       </Cell>
       <Cell className="shrink-0">
         {!!source && <a href={`${source}`}>Link</a>}