[#noissue] Save last application, searchParameters to atom

web-frontend/src/main/v3/packages/ui/src/atoms/index.ts

@@ -4,6 +4,7 @@ export * from './globalSearch';
 export * from './installationInfo';
 export * from './openTelemetry';
 export * from './scatter';
+export * from './searchParameters';
 export * from './serverMap';
 export * from './toast';
 export * from './transaction';

web-frontend/src/main/v3/packages/ui/src/atoms/searchParameters.ts

@@ -0,0 +1,12 @@
+import { atom } from 'jotai';
+import { ApplicationType } from '@pinpoint-fe/ui/src/constants';
+
+export const searchParametersAtom = atom<{
+  application: ApplicationType;
+  searchParameters: {
+    [k: string]: string;
+  };
+}>({
+  application: {} as ApplicationType,
+  searchParameters: {},
+});

web-frontend/src/main/v3/packages/ui/src/components/Layout/LayoutWithSideNavigation.tsx

@@ -30,7 +30,8 @@ import { RxMagnifyingGlass } from 'react-icons/rx';
 import { LuCommand } from 'react-icons/lu';
 import { useLocalStorage } from '@pinpoint-fe/ui/src/hooks';
 import { useAtom } from 'jotai';
-import { globalSearchDisplayAtom } from '@pinpoint-fe/ui/src/atoms';
+import { globalSearchDisplayAtom, searchParametersAtom } from '@pinpoint-fe/ui/src/atoms';
+import { getApplicationTypeAndName } from '@pinpoint-fe/ui/src/utils';
 
 export type SideNavigationMenuItem = MenuItem & {
   aHref?: string;
@@ -60,9 +61,23 @@ export const LayoutWithSideNavigation = ({
   topMenuItems,
   bottomMenuItems,
 }: LayoutWithSideNavigationProps) => {
+  const [, setSearchParameters] = useAtom(searchParametersAtom);
   const [, setGlobalSearchOpen] = useAtom(globalSearchDisplayAtom);
   const [collapsed] = useLocalStorage(APP_SETTING_KEYS.SIDE_NAV_BAR_SCALE, false);
-  const { pathname } = useLocation();
+  const { pathname, search } = useLocation();
+  const application = getApplicationTypeAndName(pathname);
+  const searchParameters = Object.fromEntries(new URLSearchParams(search));
+
+  React.useEffect(() => {
+    if (application && searchParameters) {
+      setSearchParameters({ application, searchParameters });
+    }
+  }, [
+    application?.applicationName,
+    application?.serviceType,
+    searchParameters?.to,
+    searchParameters?.from,
+  ]);
 
   const SubMenuItem = ({ item }: MenuItemProps) => {
     const hoverRef = React.useRef<HTMLLIElement>(null);

web-frontend/src/main/v3/packages/ui/src/hooks/searchParameters/useSearchParameters.ts

@@ -1,10 +1,18 @@
 import { useLocation } from 'react-router-dom';
 import { getApplicationTypeAndName } from '@pinpoint-fe/ui/src/utils';
+import { useAtomValue } from 'jotai';
+import { searchParametersAtom } from '@pinpoint-fe/ui/src/atoms';
 
 export const useSearchParameters = () => {
   const props = useLocation();
+  const atomSearchParameters = useAtomValue(searchParametersAtom);
+
   const searchParameters = Object.fromEntries(new URLSearchParams(props.search));
   const application = getApplicationTypeAndName(props.pathname);
 
-  return { ...props, searchParameters, application };
+  return {
+    ...props,
+    searchParameters: application ? searchParameters : atomSearchParameters?.searchParameters,
+    application: application || atomSearchParameters?.application,
+  };
 };