fix: citation remains open even after deleting complete chat history

fix: citation remains open even after deleting complete chat history

Author: Avijit-Microsoft

src/App/src/App.tsx

@@ -203,6 +203,7 @@ const Dashboard: React.FC = () => {
       type: actionConstants.UPDATE_APP_SPINNER_STATUS,
       payload: true,
     });
+    dispatch({  type: actionConstants.UPDATE_CITATION,payload: { activeCitation: null, showCitation: false }})
     setClearing(true);
     const response = await historyDeleteAll();
     if (!response.ok) {
@@ -355,7 +356,7 @@ const Dashboard: React.FC = () => {
             />
           </div>
         )}
-        {state.citation.showCitation && (
+        {state.citation.showCitation && state.citation.currentConversationIdForCitation !== "" && (
           <div
             style={{
               // width: `${panelWidths[panels.DASHBOARD]}%`,

src/App/src/components/ChatHistoryListItemCell/ChatHistoryListItemCell.tsx

@@ -73,6 +73,11 @@ export const ChatHistoryListItemCell: React.FC<
       type: actionConstants.UPDATE_APP_SPINNER_STATUS,
       payload: true,
     });
+    if(state.citation.currentConversationIdForCitation === item.id) {
+      dispatch({  type: actionConstants.UPDATE_CITATION,payload: { activeCitation: null, showCitation: false, currentConversationIdForCitation: "" } });
+    }else{
+      dispatch({  type: actionConstants.UPDATE_CITATION,payload: { showCitation: true } });
+    }
     const response = await historyDelete(item.id);
     if (!response.ok) {
       setErrorDelete(true);

src/App/src/components/Citations/Citations.tsx

@@ -32,7 +32,7 @@ const Citations = ({ answer, index }: Props) => {
     ) => {
         dispatch({
             type: actionConstants.UPDATE_CITATION,
-            payload: { showCitation: true, activeCitation: citation },
+            payload: { showCitation: true, activeCitation: citation, currentConversationIdForCitation: state?.selectedConversationId},
         });
     };
 

src/App/src/state/AppProvider.tsx

@@ -33,8 +33,9 @@ export type AppState = {
     citations: string |null;
   };
   citation: {
-    activeCitation: any;
+    activeCitation?: any;
     showCitation: boolean;
+    currentConversationIdForCitation?: string;
   };
   chatHistory: {
     list: Conversation[];
@@ -77,6 +78,7 @@ const initialState: AppState = {
   citation: {
     activeCitation: null,
     showCitation: false,
+    currentConversationIdForCitation: '',
   },
   chatHistory: {
     list: [],
@@ -207,7 +209,7 @@ export type Action =
     }
   | {
     type: typeof actionConstants.UPDATE_CITATION;
-    payload: {activeCitation: any, showCitation: boolean};
+    payload: {activeCitation?: any, showCitation: boolean, currentConversationIdForCitation?: string};
   };
 
 export const AppContext = createContext<{

src/App/src/state/AppReducer.tsx

@@ -257,8 +257,9 @@ const appReducer = (state: AppState, action: Action): AppState => {
         ...state,
         citation: {
           ...state.citation,
-          activeCitation: action.payload.activeCitation,
-          showCitation: action.payload.showCitation
+          activeCitation: action.payload.activeCitation || state.citation.activeCitation,   
+          showCitation: action.payload.showCitation,
+          currentConversationIdForCitation: action.payload?.currentConversationIdForCitation || state.citation.currentConversationIdForCitation,
         },
       };
     default: