@buerokratt-ria/common-gui-components 0.0.32 → 0.0.33

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.33] - 22.12.2025
+
+- Updated domain logic change
+- Added abort ref to cancel unnecessary api calls.
+
 ## [0.0.32] - 19-11-2025
 
 - Fixed isTest Mark.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/common-gui-components",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "Common GUI components and pre defined templates.",
   "main": "index.ts",
   "author": "ExiRai",

package/templates/history-page/src/index.tsx

@@ -124,6 +124,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
     const envVal = import.meta.env.REACT_APP_SHOW_TEST_CONVERSATIONS;
     const showTest = envVal === undefined ? true : envVal.toLowerCase() === 'true';
     const [loading, setLoading] = useState(false);
+    const abortRef = useRef<AbortController | null>(null);
 
     const parseDateParam = (dateString: string | null) => {
       if (!dateString) return new Date();
@@ -158,13 +159,20 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
         });
     }, 500);
 
-    if (multiDomainEnabled) {
-        useStore.subscribe((state, prevState) => {
-            if (JSON.stringify(state.userDomains) !== JSON.stringify(prevState.userDomains)) {
-                setUpdateKey(prevState => prevState + 1);
+    useEffect(() => {
+        if (!multiDomainEnabled) return;
+
+        const unsubscribe = useStore.subscribe((state, prevState) => {
+            if (
+                JSON.stringify(state.userDomains) !==
+                JSON.stringify(prevState.userDomains)
+            ) {
+                setUpdateKey((v) => v + 1);
             }
         });
-    }
+
+        return () => unsubscribe();
+    }, [multiDomainEnabled, useStore]);
 
     useEffect(() => {
         if (passedChatId != null) {
@@ -292,6 +300,9 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
             sorting: SortingState;
             search: string;
         }) => {
+            abortRef.current?.abort();
+            abortRef.current = new AbortController();
+
             let sortBy = 'created desc';
             if (sorting.length > 0) {
                 const sortType = sorting[0].desc ? 'desc' : 'asc';
@@ -308,7 +319,11 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 page_size: data.pagination.pageSize,
                 sorting: sortBy,
                 search,
-            });
+            },
+                {
+                    signal: abortRef.current.signal
+                }
+            );
         },
         onSuccess: (res: any) => {
             if (selectedChat)