feat(pam): PAM Platform V1

2026-10-21 16:28:12 +00:00 · 2025-09-27 01:57:43 -04:00
parent 270d8237fe
commit 4b1664c30f
141 changed files with 9327 additions and 46 deletions
@@ -0,0 +1,47 @@
+import { components, OptionProps } from "react-select";
+import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import { Badge } from "@app/components/v2";
+import { PAM_RESOURCE_TYPE_MAP, PamResourceType } from "@app/hooks/api/pam";
+
+export const PamResourceOption = ({
+  isSelected,
+  children,
+  ...props
+}: OptionProps<{ id: string; name: string; resourceType: PamResourceType }>) => {
+  const isCreateOption = props.data.id === "_create";
+
+  const { name, image } = PAM_RESOURCE_TYPE_MAP[props.data.resourceType];
+
+  return (
+    <components.Option isSelected={isSelected} {...props}>
+      <div className="flex flex-row items-center justify-between">
+        {isCreateOption ? (
+          <div className="flex items-center gap-x-1 text-mineshaft-400">
+            <FontAwesomeIcon icon={faPlus} size="sm" />
+            <span className="mr-auto">Create New Resource</span>
+          </div>
+        ) : (
+          <>
+            <p className="truncate">{children}</p>
+            <div className="ml-2 mr-auto">
+              <Badge className="flex h-5 items-center gap-1 whitespace-nowrap bg-mineshaft-400/50 text-bunker-300">
+                <img
+                  alt={`${name} logo`}
+                  src={`/images/integrations/${image}`}
+                  className="size-3"
+                />
+                {name}
+              </Badge>
+            </div>
+            {isSelected && (
+              <FontAwesomeIcon className="ml-2 text-primary" icon={faCheckCircle} size="sm" />
+            )}
+          </>
+        )}
+      </div>
+    </components.Option>
+  );
+};