Merge pull request #81 from RipeSeed/fix/delete-icon

Fix/delete icon

Author: riazosama

src/app/_components/ChatMessages.tsx

@@ -39,6 +39,7 @@ export function ChatMessages() {
     setClearChat,
     updateStateMetadata,
     resetStateMetadata,
+    addedAskRSmsg,
   } = useStore()
 
   const queryClient = useQueryClient()
@@ -165,6 +166,7 @@ export function ChatMessages() {
   }
 
   const sendMessage = async () => {
+    addedAskRSmsg()
     const newMessage = stateMetadata?.message.trim()
     if (!newMessage.trim() || isPending || stateMetadata.chatId !== -1) {
       return false

src/app/_utils/store/store.ts

@@ -9,6 +9,7 @@ interface State {
   isDeleteDialogOpen: boolean
   openAIKey: string
   clearChat: boolean
+  askRSmsg: boolean
 
   stateMetadata: {
     chatId: number
@@ -20,6 +21,8 @@ interface State {
   setChats: (newChats: Chat[]) => void
   setSelectedChat: (chat: Chat | undefined) => void
   toggleConfigOpen: () => void
+  addedAskRSmsg: () => void
+  clearAskRSmsg: () => void
   toggleDeleteDialogOpen: () => void
   setOpenAIKey: (key: string) => void
   setClearChat: (value: boolean) => void
@@ -34,6 +37,7 @@ const useStore = create<State>((set) => ({
   isDeleteDialogOpen: false,
   openAIKey: '',
   clearChat: false,
+  askRSmsg: false,
 
   stateMetadata: {
     chatId: 0,
@@ -46,6 +50,8 @@ const useStore = create<State>((set) => ({
   setSelectedChat: (chat) => set({ selectedChat: chat }),
   toggleConfigOpen: () =>
     set((state) => ({ isConfigOpen: !state.isConfigOpen })),
+  addedAskRSmsg: () => set((state) => ({ askRSmsg: true })),
+  clearAskRSmsg: () => set((state) => ({ askRSmsg: false })),
   toggleDeleteDialogOpen: () =>
     set((state) => ({ isDeleteDialogOpen: !state.isDeleteDialogOpen })),
   setOpenAIKey: (key) => set({ openAIKey: key }),

src/components/common/_components/ChatButtonsHeader.tsx

@@ -28,6 +28,7 @@ export default function ChatHeader() {
   const router = useRouter()
   const generalPaths = ['/ask-anything', '/ask-anything/*']
   const askRSPaths = ['/']
+  const askRSmsg = useStore((state) => state.askRSmsg)
 
   return (
     <div className='top-0 flex items-center justify-center border-b border-[#ACACAC] bg-[#E8E8E8] py-3 dark:border-[#1B1B21] dark:bg-[#363639] md:py-6'>
@@ -47,7 +48,9 @@ export default function ChatHeader() {
       </div>
       <div className='absolute right-0 mr-[14px]'>
         {isPath(askRSPaths, pathname) ? (
-          <DeleteConfirmationDialog />
+          askRSmsg ? (
+            <DeleteConfirmationDialog />
+          ) : null
         ) : (
           <ConfigDialogue />
         )}
@@ -65,6 +68,7 @@ const DeleteConfirmationDialog = () => {
     setClearChat,
     toggleConfigOpen,
     setOpenAIKey,
+    clearAskRSmsg,
   } = useStore()
 
   useEffect(() => {
@@ -81,6 +85,7 @@ const DeleteConfirmationDialog = () => {
     await deleteAllMessages_aRS()
     setClearChat(true)
     closeRef.current?.click()
+    clearAskRSmsg()
   }
 
   return (