update avatar image

Author: ragingwind

react/src/pages/AIAgentPage.tsx

@@ -34,6 +34,19 @@ const { Meta } = Card;
 const AIAgentCard = ({ agent }: { agent: AIAgent }) => {
   const tags = agent.meta.tags || [];
   const { styles } = useStyles();
+  const avatar =
+    agent.type === 'external' ? (
+      <img
+        src={agent.meta.avatar}
+        alt={agent.meta.title}
+        height={150}
+        width={150}
+        style={{ borderRadius: '50%' }}
+      />
+    ) : (
+      <FluentEmojiIcon name={agent.meta.avatar} height={150} width={150} />
+    );
+
   return (
     <Card hoverable>
       <Flex
@@ -45,13 +58,7 @@ const AIAgentCard = ({ agent }: { agent: AIAgent }) => {
       >
         <Meta
           title={agent.meta.title}
-          avatar={
-            <FluentEmojiIcon
-              name={agent.meta.avatar}
-              height={150}
-              width={150}
-            />
-          }
+          avatar={avatar}
           description={agent.meta.descriptions}
           className={styles.meta}
         />
@@ -116,6 +123,7 @@ const AIAgentPage: React.FC = () => {
     };
 
     window.addEventListener('popstate', handlePopState);
+
     return () => {
       window.removeEventListener('popstate', handlePopState);
     };

resources/agents/3dgen_fluentstyle.png

@@ -29,7 +29,7 @@
       "id": "d3b07384-d9a1-4d3b-9d3b-17384d9a1d5b",
       "meta": {
         "title": "3D Modeling Expert",
-        "avatar": "artist-palette",
+        "avatar": "/resources/agents/3dgen_fluentstyle.png",
         "background": "linear-gradient(135deg, #00416A 0%, #E4E5E6 100%)",
         "descriptions": "Generating 3D objects from text or image input prompt.",
         "tags": ["lablup", "backendai", "3d", "rendering"]