diff --git a/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx b/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx index 98f6400ea78eb..a009d56c01522 100644 --- a/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx +++ b/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx @@ -24,8 +24,9 @@ import { MoreMenuTrigger, ThreeDotsButton, } from "components/MoreMenu/MoreMenu"; -import { ExternalAuth } from "pages/CreateWorkspacePage/ExternalAuth"; import { ExternalAuthPollingState } from "pages/CreateWorkspacePage/CreateWorkspacePage"; +import LoadingButton from "@mui/lab/LoadingButton"; +import visuallyHidden from "@mui/utils/visuallyHidden"; export type ExternalAuthPageViewProps = { isLoading: boolean; @@ -60,8 +61,12 @@ export const ExternalAuthPageView: FC = ({ Application - Link - + + + Link to connect + + + @@ -133,57 +138,59 @@ const ExternalAuthRow: FC = ({ title={name} avatar={ app.display_icon && ( - + ) } /> - - + + { + window.open(authURL, "_blank", "width=900,height=600"); + startPollingExternalAuth(); + }} + > + {authenticated ? "Authenticated" : "Click to Login"} + - {(link || externalAuth?.authenticated) && ( - - - - - - { - onValidateExternalAuth(); - // This is kinda jank. It does a refetch of the thing - // it just validated... But we need to refetch to update the - // login button. And the 'onValidateExternalAuth' does the - // message display. - await refetch(); - }} - > - Test Validate… - - - { - onUnlinkExternalAuth(); - await refetch(); - }} - > - Unlink… - - - - )} + + + + + + { + onValidateExternalAuth(); + // This is kinda jank. It does a refetch of the thing + // it just validated... But we need to refetch to update the + // login button. And the 'onValidateExternalAuth' does the + // message display. + await refetch(); + }} + > + Test Validate… + + + { + onUnlinkExternalAuth(); + await refetch(); + }} + > + Unlink… + + + ); diff --git a/site/src/pages/UserSettingsPage/Sidebar.tsx b/site/src/pages/UserSettingsPage/Sidebar.tsx index a67d7b2bed171..aac09221e1cf8 100644 --- a/site/src/pages/UserSettingsPage/Sidebar.tsx +++ b/site/src/pages/UserSettingsPage/Sidebar.tsx @@ -39,6 +39,9 @@ export const Sidebar: FC = ({ user }) => { Appearance + + External Authentication + {showSchedulePage && ( Schedule @@ -50,9 +53,6 @@ export const Sidebar: FC = ({ user }) => { SSH Keys - - External Authentication - Tokens pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy