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