From 5c4e6a6dbb46bb4444bb7dc9493cab1e56a3d323 Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Sat, 22 Jun 2024 23:33:35 -0700
Subject: [PATCH] select aws config

---
 frontend/src/components/config/util.tsx | 47 ++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/config/util.tsx b/frontend/src/components/config/util.tsx
index 1014f7aa5..6f1a603e1 100644
--- a/frontend/src/components/config/util.tsx
+++ b/frontend/src/components/config/util.tsx
@@ -246,6 +246,42 @@ export const AccountSelector = ({
   );
 };
 
+export const AwsEcrLabelSelector = ({
+  disabled,
+  selected,
+  onSelect,
+}: {
+  disabled: boolean;
+  selected: string | undefined;
+  onSelect: (id: string) => void;
+}) => {
+  const labels = useRead("GetAvailableAwsEcrLabels", {}).data;
+  return (
+    <Select
+      value={selected}
+      onValueChange={(value) => {
+        onSelect(value === "Empty" ? "" : value);
+      }}
+      disabled={disabled}
+    >
+      <SelectTrigger
+        className="w-full lg:w-[200px] max-w-[50%]"
+        disabled={disabled}
+      >
+        <SelectValue placeholder="Select Ecr Config" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value={"Empty"}>None</SelectItem>
+        {labels?.map((label: string) => (
+          <SelectItem key={label} value={label}>
+            {label}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+};
+
 export const InputList = <T extends { [key: string]: unknown }>({
   field,
   values,
@@ -486,7 +522,16 @@ export const ImageRegistryConfig = ({
     return (
       <ConfigItem label="Image Registry">
         <div className="flex items-center justify-stretch gap-4">
-          
+          <AwsEcrLabelSelector
+            selected={_registry.params}
+            onSelect={(label) =>
+              setRegistry({
+                type: "AwsEcr",
+                params: label,
+              })
+            }
+            disabled={disabled}
+          />
           <RegistryTypeSelector
             registry={_registry}
             setRegistry={setRegistry}