fix: build related issues and import cleanups

Author: riazosama

src/app/ask-anything/[chatId]/_components/WelcomeCards.tsx

@@ -2,7 +2,6 @@ import { useEffect, useMemo, useState } from 'react'
 import Image from 'next/image'
 import { usePathname, useRouter } from 'next/navigation'
 
-import { store } from '@/app/_utils/store'
 import useStore from '@/app/_utils/store/store'
 import { Alert, AlertDescription } from '@/components/ui/alert'
 import { Card } from '@/components/ui/card'

src/app/ask-anything/[chatId]/utils/creatNewChat.ts

@@ -1,14 +1,16 @@
-import { addChat, getAllChats, getChat } from '@/app/_lib/db'
-import { store } from '@/app/_utils/store'
-import useStore from '@/app/_utils/store/store'
+import { addChat, Chat, getAllChats, getChat } from '@/app/_lib/db'
 
-export async function addAndSelectChat(setSelectedChat, setChats) {
+export async function addAndSelectChat(
+  setSelectedChat: (chat: Chat | undefined) => void,
+  setChats: (newChats: Chat[]) => void,
+) {
   const apiKey = localStorage.getItem('openai:key')
   if (apiKey?.length) {
     let chatId = await addChat({})
     const selectedChat = await getChat({ id: chatId })
     const chats = await getAllChats()
-    // setChats(chats)
+    setSelectedChat(selectedChat)
+    setChats(chats)
     return chatId
   }
   return 0

src/components/common/Header/Header.tsx

@@ -4,10 +4,9 @@ import { useEffect, useRef, useState } from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
-import { Bolt, ExternalLink, Settings } from 'lucide-react'
+import { ExternalLink, Settings } from 'lucide-react'
 import { toast } from 'sonner'
 
-import { store } from '@/app/_utils/store'
 import useStore from '@/app/_utils/store/store'
 import { ModeToggle } from '@/components/Providers/ThemeProvider'
 import { Button } from '@/components/ui/button'
@@ -98,7 +97,7 @@ export const ConfigDialogue = () => {
       // Use the stored value in the cleanup function
       closeBtn?.click()
     }
-  }, [isConfigOpen, set])
+  }, [isConfigOpen, toggleConfigOpen])
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setFormValues({

src/components/common/_components/ChatButtonsHeader.tsx

@@ -7,7 +7,6 @@ import { ExternalLink, Settings, Trash } from 'lucide-react'
 import { toast } from 'sonner'
 
 import { deleteAllMessages_aRS } from '@/app/_lib/db'
-import { store } from '@/app/_utils/store'
 import useStore from '@/app/_utils/store/store'
 import { Button } from '@/components/ui/button'
 import {
@@ -21,7 +20,7 @@ import {
 } from '@/components/ui/dialog'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
-import { configPaths, isPath } from '../Header/constants'
+import { isPath } from '../Header/constants'
 
 export default function ChatHeader() {
   const pathname = usePathname()