From cc919eab10fd02273549fc3566a314ee66abd28a Mon Sep 17 00:00:00 2001
From: Aitor Algorta <aitor@airy.co>
Date: Mon, 8 Jan 2024 16:54:58 +0100
Subject: [PATCH] some fixes

---
 .../src/pages/LLMConsumers/LLMConsumerItem/index.tsx |  1 -
 .../control-center/src/pages/LLMConsumers/index.tsx  |  4 +++-
 frontend/control-center/src/pages/LLMs/index.tsx     | 12 ++++++------
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/control-center/src/pages/LLMConsumers/LLMConsumerItem/index.tsx b/frontend/control-center/src/pages/LLMConsumers/LLMConsumerItem/index.tsx
index f8f7cfebf..b59ce205b 100644
--- a/frontend/control-center/src/pages/LLMConsumers/LLMConsumerItem/index.tsx
+++ b/frontend/control-center/src/pages/LLMConsumers/LLMConsumerItem/index.tsx
@@ -4,7 +4,6 @@ import {useTranslation} from 'react-i18next';
 import {HttpClientInstance} from '../../../httpClient';
 import styles from './index.module.scss';
 import {NotificationModel} from 'model';
-import {set} from 'lodash-es';
 
 type EmptyStateProps = {
   item: {name: string; topic: string; status: string; lag: number};
diff --git a/frontend/control-center/src/pages/LLMConsumers/index.tsx b/frontend/control-center/src/pages/LLMConsumers/index.tsx
index 9d830c3d1..d4d86eed5 100644
--- a/frontend/control-center/src/pages/LLMConsumers/index.tsx
+++ b/frontend/control-center/src/pages/LLMConsumers/index.tsx
@@ -193,7 +193,9 @@ const LLMConsumers = (props: LLMConsumersProps) => {
             </div>
             <div>
               {consumers &&
-                consumers.map((consumer: any) => <LLMConsumerItem item={consumer} setNotification={setNotification} />)}
+                consumers.map((consumer: any) => (
+                  <LLMConsumerItem key={consumer.topic} item={consumer} setNotification={setNotification} />
+                ))}
             </div>
             {notification?.show && (
               <NotificationComponent
diff --git a/frontend/control-center/src/pages/LLMs/index.tsx b/frontend/control-center/src/pages/LLMs/index.tsx
index f9ae7fca2..385cdd1cb 100644
--- a/frontend/control-center/src/pages/LLMs/index.tsx
+++ b/frontend/control-center/src/pages/LLMs/index.tsx
@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from 'react';
 import {NotificationComponent} from 'components';
 import {useTranslation} from 'react-i18next';
-import {connect, ConnectedProps} from 'react-redux';
+import {connect} from 'react-redux';
 import {setPageTitle} from '../../services/pageTitle';
 import {NotificationModel} from 'model';
 import {AiryLoader} from 'components/loaders/AiryLoader';
@@ -11,13 +11,11 @@ import {HttpClientInstance} from '../../httpClient';
 import {LLMSStatsPayload} from 'httpclient/src';
 import {LLMInfoItem} from './LLMInfoItem';
 
-type LLMsProps = {} & ConnectedProps<typeof connector>;
-
 const mapDispatchToProps = {};
 
 const connector = connect(null, mapDispatchToProps);
 
-const LLMs = (props: LLMsProps) => {
+const LLMs = () => {
   const [llms, setLlms] = useState([]);
   const [embeddings, setEmbeddings] = useState(0);
   const [notification, setNotification] = useState<NotificationModel>(null);
@@ -50,7 +48,9 @@ const LLMs = (props: LLMsProps) => {
     setNotification({show: show, successful: false, text: t('errorOccurred')});
   };
 
-  const createNewLLM = () => {};
+  const createNewLLM = () => {
+    console.log('create new LLM');
+  };
 
   return (
     <>
@@ -71,7 +71,7 @@ const LLMs = (props: LLMsProps) => {
               <h2>Vector Database</h2>
               <h2>Model</h2>
             </div>
-            <div>{llms && llms.map((llm: any) => <LLMInfoItem item={llm} />)}</div>
+            <div>{llms && llms.map((llm: any) => <LLMInfoItem key={llm.llm} item={llm} />)}</div>
             <div className={styles.embeddingsSection}>Embeddings: {embeddings}</div>
             {notification?.show && (
               <NotificationComponent