Merge pull request #2007 from stakwork/feature/disable-follow-questions

feat: fixed issue with epty answers, disabled follow questions on load

src/components/App/SideBar/AiSummary/AiQuestions/index.tsx

@@ -1,9 +1,11 @@
 import { Slide } from '@mui/material'
 import { memo } from 'react'
+import { ClipLoader } from 'react-spinners'
 import styled from 'styled-components'
 import PlusIcon from '~/components/Icons/PlusIcon'
 import StackIcon from '~/components/Icons/StackIcon'
 import { Flex } from '~/components/common/Flex'
+import { useHasAiChatsResponseLoading } from '~/stores/useAiSummaryStore'
 import { useDataStore } from '~/stores/useDataStore'
 import { useUserStore } from '~/stores/useUserStore'
 import { colors } from '~/utils'
@@ -16,8 +18,13 @@ type Props = {
 const _AiQuestions = ({ questions }: Props) => {
   const { fetchData, setAbortRequests } = useDataStore((s) => s)
   const [setBudget] = useUserStore((s) => [s.setBudget])
+  const hasLoadingResponse = useHasAiChatsResponseLoading()
 
   const handleSubmitQuestion = (question: string) => {
+    if (hasLoadingResponse) {
+      return
+    }
+
     if (question) {
       fetchData(setBudget, setAbortRequests, question)
     }
@@ -45,7 +52,7 @@ const _AiQuestions = ({ questions }: Props) => {
             >
               <span>{i}</span>
               <Flex className="icon">
-                <PlusIcon />
+                {hasLoadingResponse ? <ClipLoader color={colors.white} size={13} /> : <PlusIcon />}
               </Flex>
             </QuestionWrapper>
           ))}

src/stores/useAiSummaryStore/index.ts

@@ -1,4 +1,3 @@
-import { isEmpty } from 'lodash'
 import { create } from 'zustand'
 import { devtools } from 'zustand/middleware'
 import { AIEntity } from '~/types'
@@ -61,7 +60,8 @@ export const useAiSummaryStore = create<AiSummaryStore>()(
   })),
 )
 
-export const useHasAiChats = () => useAiSummaryStore((s) => !isEmpty(s.aiSummaryAnswers) || !!s.newLoading)
+export const useHasAiChats = () =>
+  useAiSummaryStore((s) => Object.values(s.aiSummaryAnswers).filter((i) => i.shouldRender).length || !!s.newLoading)
 
 export const useHasAiChatsResponseLoading = () =>
   useAiSummaryStore((s) => {