@parca/profile 0.9.1 → 0.9.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.9.2](https://github.com/parca-dev/parca/compare/ui-v0.9.1...ui-v0.9.2) (2022-02-22)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.9.1](https://github.com/parca-dev/parca/compare/ui-v0.9.0...ui-v0.9.1) (2022-02-21)
 
 ## [0.8.2](https://github.com/parca-dev/parca/compare/ui-v0.8.1...ui-v0.8.2) (2022-02-14)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.9.1",
@@ -19,5 +19,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "3f24c77e47a520b6b2343e27621401cc2ef933c0"
+  "gitHead": "544d4819ace2db4570e2780876108636860ff0d2"
 }

package/src/ProfileView.tsx

@@ -1,20 +1,23 @@
 import React, {useEffect, useState} from 'react';
-import {useRouter} from 'next/router';
-
 import {CalcWidth} from '@parca/dynamicsize';
+import {parseParams} from '@parca/functions';
+import {QueryRequest, QueryResponse, QueryServiceClient, ServiceError} from '@parca/client';
+import Button from '@parca/web/src/components/ui/Button';
+import * as parca_query_v1alpha1_query_pb from '@parca/client/src/parca/query/v1alpha1/query_pb';
+
 import ProfileIcicleGraph from './ProfileIcicleGraph';
 import {ProfileSource} from './ProfileSource';
-import {QueryRequest, QueryResponse, QueryServiceClient, ServiceError} from '@parca/client';
 import Card from '../../../app/web/src/components/ui/Card';
-import Button from '@parca/web/src/components/ui/Button';
 import TopTable from './TopTable';
-import * as parca_query_v1alpha1_query_pb from '@parca/client/src/parca/query/v1alpha1/query_pb';
 
 import './ProfileView.styles.css';
 
+type NavigateFunction = (path: string, queryParams: any) => void;
+
 interface ProfileViewProps {
   queryClient: QueryServiceClient;
   profileSource: ProfileSource;
+  navigateTo?: NavigateFunction;
 }
 
 export interface IQueryResult {
@@ -55,9 +58,13 @@ export const useQuery = (
   return result;
 };
 
-export const ProfileView = ({queryClient, profileSource}: ProfileViewProps): JSX.Element => {
-  const router = useRouter();
-  const currentViewFromURL = router.query.currentProfileView as string;
+export const ProfileView = ({
+  queryClient,
+  profileSource,
+  navigateTo,
+}: ProfileViewProps): JSX.Element => {
+  const router = parseParams(window.location.search);
+  const currentViewFromURL = router.currentProfileView as string;
   const [curPath, setCurPath] = useState<string[]>([]);
   const {response, error} = useQuery(queryClient, profileSource);
   const [currentView, setCurrentView] = useState<string | undefined>(currentViewFromURL);
@@ -141,14 +148,12 @@ export const ProfileView = ({queryClient, profileSource}: ProfileViewProps): JSX
     }
   };
 
-  const queryParams = router.query;
-
   const switchProfileView = (view: string) => {
+    if (!navigateTo) return;
+
     setCurrentView(view);
-    router.push({
-      pathname: '/',
-      query: {...queryParams, ...{currentProfileView: view}},
-    });
+
+    navigateTo('/', {...router, ...{currentProfileView: view}});
   };
 
   return (