fix: use encode-decode

Author: astandrik

src/containers/Tenant/Diagnostics/TopQueries/hooks/useGetSelectedRowTableSort.ts

@@ -6,7 +6,7 @@ export function useGetSelectedRowTableSort(): SortOrder[] | undefined {
         selectedRow: StringParam,
     });
     const searchParamsQuery: {tableSort?: SortOrder[]} = queryParams.selectedRow
-        ? JSON.parse(queryParams.selectedRow)
+        ? JSON.parse(decodeURIComponent(queryParams.selectedRow))
         : {};
 
     return searchParamsQuery.tableSort;

src/containers/Tenant/Diagnostics/TopQueries/hooks/useSetSelectedTopQueryRowFromParams.ts

@@ -23,7 +23,9 @@ export function useSetSelectedTopQueryRowFromParams(
     // Handle initialization from URL params
     React.useEffect(() => {
         if (rows && queryParams.selectedRow) {
-            const searchParamsQuery: SearchParamsQueryParams = JSON.parse(queryParams.selectedRow);
+            const searchParamsQuery: SearchParamsQueryParams = JSON.parse(
+                decodeURIComponent(queryParams.selectedRow),
+            );
             const matchedRow = rows.find((row) => {
                 const params = getTopQueryRowQueryParams(row);
                 return (

src/containers/Tenant/Diagnostics/TopQueries/utils/generateShareableUrl.ts

@@ -23,13 +23,15 @@ export function generateShareableUrl(row: KeyValueRow, tableSort?: SortOrder[]):
     // Set a single selectedRow parameter with all query parameters
     searchParams.set(
         'selectedRow',
-        JSON.stringify({
-            rank: params.rank || undefined,
-            intervalEnd: params.intervalEnd || undefined,
-            endTime: params.endTime || undefined,
-            queryHash: params.queryHash || undefined,
-            tableSort: tableSort || undefined, // Include the table sort order
-        }),
+        encodeURIComponent(
+            JSON.stringify({
+                rank: params.rank || undefined,
+                intervalEnd: params.intervalEnd || undefined,
+                endTime: params.endTime || undefined,
+                queryHash: params.queryHash || undefined,
+                tableSort: tableSort || undefined, // Include the table sort order
+            }),
+        ),
     );
 
     // Update URL search params