Support redirection to a specific page

Support redirection to a specific page after successful authentication.
For example, if the user requested `Update Campaigns` page in the url,
instead of going to `Devices` page after authentication, go to
`Update Campaigns`.

Signed-off-by: Emina Muminovic <emina.muminovic@secomind.com>

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.9.0-dev] - Unreleased
 ### Added
 - Allow generating admin JWT using `gen-edgehog-jwt`.
+- Support redirection to a specific page after successful authentication
 ### Changed
 - Change logo and brand images with the latest brand revision.
 

frontend/src/App.tsx

@@ -1,7 +1,7 @@
 /*
   This file is part of Edgehog.
 
-  Copyright 2021-2023 SECO Mind Srl
+  Copyright 2021-2024 SECO Mind Srl
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -18,12 +18,19 @@
   SPDX-License-Identifier: Apache-2.0
 */
 
-import { Navigate, useRoutes } from "react-router-dom";
+import {
+  Navigate,
+  useLocation,
+  useNavigate,
+  useRoutes,
+} from "react-router-dom";
+import { useEffect, useState } from "react";
 
 import Footer from "components/Footer";
 import Sidebar from "components/Sidebar";
+import Spinner from "components/Spinner";
 import Topbar from "components/Topbar";
-import { useAuth } from "contexts/Auth";
+import { AuthConfig, useAuth } from "contexts/Auth";
 import { Route } from "Navigation";
 import Device from "pages/Device";
 import Devices from "pages/Devices";
@@ -96,6 +103,39 @@ function App() {
   const auth = useAuth();
   const routes = auth.isAuthenticated ? authenticatedRoutes : publicRoutes;
   const RouterElement = useRoutes(routes);
+  const { search } = useLocation();
+  const searchParams = new URLSearchParams(search);
+  const tenantSlug = searchParams.get("tenantSlug") || "";
+  const authToken = searchParams.get("authToken") || "";
+  const redirectTo = searchParams.get("redirectTo") || "";
+  const attemptLogin = !!(tenantSlug && authToken);
+  const [attemptingLogin, setAttemptingLogin] = useState(attemptLogin);
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    if (attemptLogin) {
+      const authConfig: AuthConfig = {
+        tenantSlug: tenantSlug,
+        authToken: authToken,
+      };
+      auth.login(authConfig, false).then((isValidLogin) => {
+        setAttemptingLogin(false);
+        if (isValidLogin) {
+          navigate(redirectTo);
+        }
+    });
+    }
+  }, []);
+
+  if (attemptingLogin) {
+    return (
+      <div data-testid="app" className="d-flex vh-100 flex-column">
+        <div className="d-flex justify-content-center">
+          <Spinner />
+        </div>
+      </div>
+    );
+  }
 
   return (
     <div data-testid="app" className="d-flex vh-100 flex-column">