add page redirect from agent detail to agents page

Author: Jicheng Lu

src/lib/helpers/http.js

@@ -26,9 +26,8 @@ axios.interceptors.response.use(
         // If the request was successful, return the response
         loaderStore.set(false);
         const user = getUserStore();
-
         const isExpired = Date.now() / 1000 > user.expires;
-        if (isExpired) {
+        if (isExpired || response?.status === 401) {
             redirectToLogin();
             return Promise.reject('user token expired!');
         }
@@ -39,7 +38,7 @@ axios.interceptors.response.use(
         const user = getUserStore();
 
         const isExpired = Date.now() / 1000 > user.expires;
-        if (isExpired || (error.response && error.response.status === 401)) {
+        if (isExpired || error?.response?.status === 401) {
             redirectToLogin();
             return Promise.reject(error);
         } else if (!skipGlobalError(error.config)) {

src/lib/helpers/types/agentTypes.js

@@ -32,7 +32,7 @@
  * @property {import('$commonTypes').Pagination} pager - Pagination
  * @property {string[]?} [types]
  * @property {string[]?} [agentNames]
- * @property {string} [similarName]
+ * @property {string?} [similarName]
  * @property {string[]?} [labels]
  * @property {boolean} [isPublic]
  * @property {boolean} [disabled]

src/routes/page/agent/+page.svelte

@@ -68,13 +68,16 @@
 			pageSize: $page.url.searchParams.get("pageSize")
 		}, { defaultPageSize: pageSize });
 
+		const similarName = $page.url.searchParams.get("similarName")?.trim();
+
 		filter = {
 			...filter,
 			pager: {
 				...filter.pager,
 				page: pageNum,
 				size: pageSizeNum
-			}
+			},
+			similarName: similarName
 		};
 
 		user = await myInfo();
@@ -92,7 +95,7 @@
 				},
 				types: selectedAgentTypes?.length > 0 ? selectedAgentTypes : null,
 				labels: selectedAgentLabels?.length > 0 ? selectedAgentLabels : null,
-				similarName: event.payload || null
+				similarName: event.payload?.trim() || null
 			};
 
 			getPagedAgents();
@@ -105,7 +108,11 @@
 
   	function getPagedAgents() {
 		isLoading = true;
-    	getAgents(filter, true).then(data => {
+		const innerFilter = {
+			...filter,
+			similarName: filter.similarName ? decodeURIComponent(filter.similarName) : null
+		};
+    	getAgents(innerFilter, true).then(data => {
 			agents = data;
 		}).catch(() => {
 			agents = { items: [], count: 0 };
@@ -171,10 +178,16 @@
 			count: totalItemsCount || 0
 		};
 
-		setUrlQueryParams($page.url, [
+		const queryParams = [
 			{ key: 'page', value: `${pager.page}` },
 			{ key: 'pageSize', value: `${pager.size}` }
-		], () => goToUrl(`${$page.url.pathname}${$page.url.search}`));
+		];
+
+		if (filter.similarName) {
+			queryParams.push({ key: 'similarName', value: encodeURIComponent(filter.similarName) });
+		}
+
+		setUrlQueryParams($page.url, queryParams, () => goToUrl(`${$page.url.pathname}${$page.url.search}`));
 	}
 
 	/**

src/routes/page/agent/[agentId]/+page.svelte

@@ -13,12 +13,14 @@
     import AgentTabs from './agent-tabs.svelte';
     import { page } from '$app/stores';
     import { deleteAgent, getAgent, saveAgent } from '$lib/services/agent-service.js';
-    import { onMount } from 'svelte';
+    import { onDestroy, onMount } from 'svelte';
     import { _ } from 'svelte-i18n'  
     import Swal from 'sweetalert2'
 	import { goto } from '$app/navigation';
 	import { AgentExtensions } from '$lib/helpers/utils/agent';
 	import AgentTemplate from './agent-components/agent-template.svelte';
+	import { globalEventStore } from '$lib/helpers/store';
+	import { GlobalEvent } from '$lib/helpers/enums';
 
     /** @type {import('$agentTypes').AgentModel} */
     let agent;
@@ -30,6 +32,8 @@
     let agentTemplateCmp = null;
     /** @type {any} */
     let agentTabsCmp = null;
+    /** @type {any} */
+	let unsubscriber;
 
     /** @type {boolean} */
     let isLoading = false;
@@ -45,8 +49,21 @@
         }).finally(() => {
             isLoading = false;
         });
+
+        unsubscriber = globalEventStore.subscribe((/** @type {import('$commonTypes').GlobalEvent} */ event) => {
+			if (event.name !== GlobalEvent.Search) return;
+
+            const similarName = event.payload?.trim();
+            if (similarName) {
+                window.location.href = `/page/agent?page=${1}&pageSize=${12}&similarName=${encodeURIComponent(similarName)}`;
+            }
+		});
     });
 
+    onDestroy(() => {
+		unsubscriber?.();
+	});
+
     function updateCurrentAgent() {
         Swal.fire({
             title: 'Are you sure?',