ui: fix redirect to requested page after login

if not logged user try to open some specific page it will be
redirected to it after login. eventually we had this in place
before, but it become not working due to bracking changes
in react router library.

Resolves: cockroachdb#67329

Release note(ui): fix redirect to originaly requested page after user login

pkg/ui/src/redux/login.ts

@@ -130,15 +130,13 @@ function shouldRedirect(location: Location) {
 }
 
 export function getLoginPage(location: Location) {
-  const query = !shouldRedirect(location) ? undefined : {
-    redirectTo: createPath({
+  const redirectTo = !shouldRedirect(location) ? undefined :  createPath({
       pathname: location.pathname,
       search: location.search,
-    }),
-  };
+    });
   return {
     pathname: LOGIN_PAGE,
-    query: query,
+    search: `?redirectTo=${encodeURIComponent(redirectTo)}`,
   };
 }
 

pkg/ui/src/views/login/loginPage.tsx

@@ -105,7 +105,7 @@ export class LoginPage extends React.Component<Props> {
       const { location, history } = this.props;
       const params = new URLSearchParams(location.search);
       if (params.has("redirectTo")) {
-        history.push(params.get("redirectTo"));
+        history.push(decodeURIComponent(params.get("redirectTo")));
       } else {
         history.push("/");
       }