From 560e94a232adba5a67f1d585bcaa15ff722f2a16 Mon Sep 17 00:00:00 2001
From: karamvir <karamvir.singh98@gmail.com>
Date: Sat, 5 Aug 2023 22:14:29 -0700
Subject: [PATCH] update builder card

---
 frontend/src/resources/builder/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/resources/builder/index.tsx b/frontend/src/resources/builder/index.tsx
index 770931fc6..aaa02578d 100644
--- a/frontend/src/resources/builder/index.tsx
+++ b/frontend/src/resources/builder/index.tsx
@@ -7,7 +7,7 @@ import { Link, useParams } from "react-router-dom";
 
 export const BuilderName = ({ id }: { id: string }) => {
   const builders = useRead("ListBuilders", {}).data;
-  const builder = builders?.find((b) => b._id?.$oid === id);
+  const builder = builders?.find((b) => b.id === id);
   return <>{builder?.name}</>;
 };
 
@@ -27,10 +27,10 @@ export const BuilderPage = () => {
 
 export const BuilderCard = ({ id }: { id: string }) => {
   const builders = useRead("ListBuilders", {}).data;
-  const builder = builders?.find((b) => b._id?.$oid === id);
+  const builder = builders?.find((b) => b.id === id);
   if (!builder) return null;
   return (
-    <Link to={`/builders/${builder._id?.$oid}`}>
+    <Link to={`/builders/${builder.id}`}>
       <ResourceCard
         title={builder.name}
         description={"some description"}
@@ -39,11 +39,11 @@ export const BuilderCard = ({ id }: { id: string }) => {
         <div className="flex flex-col text-muted-foreground text-sm">
           <div className="flex items-center gap-2">
             <Cloud className="w-4 h-4" />
-            AWS
+            {builder.provider}
           </div>
           <div className="flex items-center gap-2">
             <Bot className="w-4 h-4" />
-            C5x Large
+            {builder.instance_type ?? "n/a"}
           </div>
         </div>
       </ResourceCard>