dashboard: redirect logouts back to login page (#43609)

GitOrigin-RevId: 49755c1e869b0506f1d3fe42ea58a04afeb12775

Author: atrakh

npm-packages/dashboard/src/components/header/UserMenu/UserMenu.tsx

@@ -103,7 +103,7 @@ export function UserMenu() {
         </>
       ) : null}
       <hr className="mx-4" />
-      <MenuLink href="/api/auth/logout">
+      <MenuLink href="/api/auth/logout?returnTo=/api/auth/login">
         <div className="flex w-full items-center justify-between">
           Log Out
           <ExitIcon className="text-content-secondary" />

npm-packages/dashboard/src/components/profile/ConnectedIdentities.tsx

@@ -28,7 +28,7 @@ export function ConnectedIdentities() {
     setConfirmUnlinkId(null);
     try {
       await unlinkIdentity({ userId: confirmUnlinkId });
-      window.location.href = "/api/auth/logout";
+      window.location.href = "/api/auth/logout?returnTo=/api/auth/login";
     } finally {
       setUnlinkingId(null);
     }

npm-packages/dashboard/src/components/teamSettings/TeamSSO.tsx

@@ -19,6 +19,7 @@ import { Tooltip } from "@ui/Tooltip";
 import {
   QuestionMarkCircledIcon,
   ExclamationTriangleIcon,
+  ExternalLinkIcon,
 } from "@radix-ui/react-icons";
 import { cn } from "@ui/cn";
 import { useProfileEmails } from "api/profile";
@@ -527,6 +528,7 @@ function ManageDomainsButton({
       loading={loading}
       onClick={onClick}
       disabled={disabled}
+      icon={<ExternalLinkIcon />}
     >
       Manage domains
     </Button>
@@ -553,6 +555,7 @@ function ManageSSOConfigurationButton({
       onClick={onClick}
       disabled={disabled}
       tip={tooltip}
+      icon={<ExternalLinkIcon />}
     >
       Manage SSO configuration
     </Button>
@@ -579,6 +582,7 @@ function CertificateRenewalButton({
       onClick={onClick}
       disabled={disabled}
       tip={tooltip}
+      icon={<ExternalLinkIcon />}
     >
       Renew Certificate
     </Button>

npm-packages/dashboard/src/lib/withAuthenticatedPage.tsx

@@ -141,7 +141,7 @@ function withSWRFallback(Page: NextPage) {
               </Callout>
               <UIProvider>
                 <Button
-                  href="/api/auth/logout"
+                  href="/api/auth/logout?returnTo=/api/auth/login"
                   variant="neutral"
                   className="ml-auto w-fit"
                 >

npm-packages/dashboard/src/pages/_app.tsx

@@ -142,7 +142,7 @@ function AppInner({ Component, pageProps }: Omit<AppProps, "router">) {
                       </span>
                       <Button
                         className="ml-auto w-fit"
-                        href="/api/auth/logout"
+                        href="/api/auth/logout?returnTo=/api/auth/login"
                         icon={<ExitIcon />}
                       >
                         Log Out

npm-packages/dashboard/src/pages/auth.tsx

@@ -26,7 +26,7 @@ function Auth() {
         <UIProvider>
           <Button
             variant="neutral"
-            href="/api/auth/logout"
+            href="/api/auth/logout?returnTo=/api/auth/login"
             className={classNames("mt-4 ml-auto")}
           >
             Log Out

npm-packages/dashboard/src/pages/profile.tsx

@@ -89,7 +89,8 @@ function Profile() {
                         document.cookie = "";
                         window.localStorage.clear();
                         await deleteAccount();
-                        window.location.href = "/api/auth/logout";
+                        window.location.href =
+                          "/api/auth/logout?returnTo=/api/auth/login";
                       } catch (e: any) {
                         setDeleteAccountError(e.message);
                         throw e;