add icon to health provisioner page for prov type

Emyrk · Emyrk · commit c47b2b9c0666 · 2024-05-01T16:26:41.000-05:00
diff --git a/site/src/pages/HealthPage/ProvisionerDaemonsPage.tsx b/site/src/pages/HealthPage/ProvisionerDaemonsPage.tsx
@@ -4,6 +4,7 @@ import CloseIcon from "@mui/icons-material/Close";
 import Person from "@mui/icons-material/Person";
 import Sell from "@mui/icons-material/Sell";
 import SwapHoriz from "@mui/icons-material/SwapHoriz";
+import ViewInArIcon from "@mui/icons-material/ViewInAr";
 import IconButton from "@mui/material/IconButton";
 import Tooltip from "@mui/material/Tooltip";
 import type { FC } from "react";
@@ -115,6 +116,18 @@ export const ProvisionerDaemonsPage: FC = () => {
                     gap: 12,
                   }}
                 >
+                  {
+                    // Add pills for the supported provisioenr types.
+                    daemon.provisioners.map((provType) => {
+                      return (
+                        <Tooltip title="Type" key={daemon.id + provType}>
+                          <Pill icon={<ViewInArIcon />}>
+                            <code>{provType}</code>
+                          </Pill>
+                        </Tooltip>
+                      );
+                    })
+                  }
                   <Tooltip title="API Version">
                     <Pill icon={<SwapHoriz />}>
                       <code>{daemon.api_version}</code>
