From 4646de463ad30d0eeaee0b753fd2230ce514bde1 Mon Sep 17 00:00:00 2001
From: Swifty <craigswift13@gmail.com>
Date: Thu, 19 Dec 2024 09:51:01 +0100
Subject: [PATCH] fix(store): Uploading to store selects two agents (#9065)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #9059

### Changes 🏗️

- Changed agent selection from keying on agent name to keying on agent
id
---
 .../frontend/src/components/agptui/PublishAgentSelect.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/autogpt_platform/frontend/src/components/agptui/PublishAgentSelect.tsx b/autogpt_platform/frontend/src/components/agptui/PublishAgentSelect.tsx
index e5cf4b47c1b5..462da649d05a 100644
--- a/autogpt_platform/frontend/src/components/agptui/PublishAgentSelect.tsx
+++ b/autogpt_platform/frontend/src/components/agptui/PublishAgentSelect.tsx
@@ -107,9 +107,9 @@ export const PublishAgentSelect: React.FC<PublishAgentSelectProps> = ({
                 <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
                   {agents.map((agent) => (
                     <div
-                      key={agent.name}
+                      key={agent.id}
                       className={`cursor-pointer overflow-hidden rounded-2xl transition-all ${
-                        selectedAgent === agent.name
+                        selectedAgentId === agent.id
                           ? "shadow-lg ring-4 ring-violet-600"
                           : "hover:shadow-md"
                       }`}
@@ -124,7 +124,7 @@ export const PublishAgentSelect: React.FC<PublishAgentSelectProps> = ({
                       }}
                       tabIndex={0}
                       role="button"
-                      aria-pressed={selectedAgent === agent.name}
+                      aria-pressed={selectedAgentId === agent.id}
                     >
                       <div className="relative h-32 bg-gray-100 dark:bg-gray-700 sm:h-40">
                         <Image