k

onyx-dot-app · Dec 31, 2024 · bdd5b4d · bdd5b4d
1 parent 89783e8
commit bdd5b4d
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/web/src/app/ee/assistants/stats/[id]/AssistantStats.tsx b/web/src/app/ee/assistants/stats/[id]/AssistantStats.tsx
@@ -35,7 +35,7 @@ export function AssistantStats({ assistantId }: { assistantId: number }) {
     to: new Date(),
   });
 
-  const memoizedAssistant = useMemo(() => {
+  const assistant = useMemo(() => {
     return assistants.find((a) => a.id === assistantId);
   }, [assistants, assistantId]);
 
@@ -110,7 +110,7 @@ export function AssistantStats({ assistantId }: { assistantId: number }) {
   const totalUniqueUsers = assistantStats?.total_unique_users ?? 0;
 
   let content;
-  if (isLoading) {
+  if (isLoading || !assistant) {
     content = (
       <div className="h-80 flex flex-col">
         <ThreeDotsLoader />
@@ -150,23 +150,25 @@ export function AssistantStats({ assistantId }: { assistantId: number }) {
           <Title>Assistant Analytics</Title>
           <Text>
             Messages and unique users per day for the assistant{" "}
-            <b>{memoizedAssistant?.name}</b>
+            <b>{assistant?.name}</b>
           </Text>
           <DateRangeSelector value={dateRange} onValueChange={setDateRange} />
         </div>
-        <div className="bg-gray-100 p-4 rounded-lg shadow-sm">
-          <div className="flex items-center mb-2">
-            <AssistantIcon
-              disableToolip
-              size="medium"
-              assistant={memoizedAssistant}
-            />
-            <Title className="text-lg ml-3">{memoizedAssistant?.name}</Title>
+        {assistant && (
+          <div className="bg-gray-100 p-4 rounded-lg shadow-sm">
+            <div className="flex items-center mb-2">
+              <AssistantIcon
+                disableToolip
+                size="medium"
+                assistant={assistant}
+              />
+              <Title className="text-lg ml-3">{assistant?.name}</Title>
+            </div>
+            <Text className="text-gray-600 text-sm">
+              {assistant?.description}
+            </Text>
           </div>
-          <Text className="text-gray-600 text-sm">
-            {memoizedAssistant?.description}
-          </Text>
-        </div>
+        )}
       </div>
       <div className="flex flex-col gap-4">
         <div className="flex justify-between">