From ac8b3a82d77d598633e143383c550c51221cb31a Mon Sep 17 00:00:00 2001
From: Jonathan Griffin <jonathangriffin@Jonathans-MacBook-Air.local>
Date: Mon, 26 May 2025 17:14:46 +0200
Subject: [PATCH] don't copy array when unnecessary

---
 .../app/components/Kai/components/Ideas.tsx   | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/frontend/app/components/Kai/components/Ideas.tsx b/frontend/app/components/Kai/components/Ideas.tsx
index 72abae341..2c282e05f 100644
--- a/frontend/app/components/Kai/components/Ideas.tsx
+++ b/frontend/app/components/Kai/components/Ideas.tsx
@@ -6,24 +6,24 @@ import { useTranslation } from 'react-i18next';
 
 function Ideas({ onClick, projectId }: { onClick: (query: string) => void, projectId: string }) {
   const { t } = useTranslation();
-    const {
-        data: suggestedPromptIdeas = [],
-        isPending,
-    } = useQuery({
-        queryKey: ['kai', 'prompt-suggestions', projectId],
-        queryFn: () => kaiService.getPromptSuggestions(projectId),
-        staleTime: 1000 * 60,
-    });
-    const defaultPromptIdeas = [
-        'Top user journeys',
-        'Where do users drop off',
-        'Failed network requests today',
-    ];
-    const maxPromptIdeas = defaultPromptIdeas.length;
-    const promptIdeas = [
-        ...suggestedPromptIdeas,
-        ...defaultPromptIdeas,
-    ].slice(0, maxPromptIdeas);
+  const {
+      data: promptIdeas = [],
+      isPending,
+  } = useQuery({
+      queryKey: ['kai', 'prompt-suggestions', projectId],
+      queryFn: () => kaiService.getPromptSuggestions(projectId),
+      staleTime: 1000 * 60,
+  });
+  const defaultPromptIdeas = [
+      'Top user journeys',
+      'Where do users drop off',
+      'Failed network requests today',
+  ];
+  const targetLength = 3;
+  let defaultPromptIdeasIndex = 0;
+  while (promptIdeas.length < targetLength && defaultPromptIdeasIndex < defaultPromptIdeas.length) {
+      promptIdeas.push(defaultPromptIdeas[defaultPromptIdeasIndex++]);
+  }
   return (
     <>
       <div className={'flex items-center gap-2 mb-1 text-gray-dark'}>