@@ -65,7 +67,7 @@ export const GitAuthSettingsPageView = ({
)) ||
- config.git_auth?.map((git: GitAuthConfig) => {
+ config.external_auth?.map((git: ExternalAuthConfig) => {
const name = git.id || git.type;
return (
diff --git a/site/src/pages/ExternalAuthPage/ExternalAuthPage.tsx b/site/src/pages/ExternalAuthPage/ExternalAuthPage.tsx
index 04300803aaf05..8a9afb205a7de 100644
--- a/site/src/pages/ExternalAuthPage/ExternalAuthPage.tsx
+++ b/site/src/pages/ExternalAuthPage/ExternalAuthPage.tsx
@@ -72,8 +72,7 @@ const ExternalAuthPage: FC = () => {
!getExternalAuthProviderQuery.data.authenticated &&
!getExternalAuthProviderQuery.data.device
) {
- window.location.href = `/externalauth/${provider}/callback`;
-
+ window.location.href = `/external-auth/${provider}/callback`;
return null;
}
diff --git a/site/src/pages/ExternalAuthPage/ExternalAuthPageView.stories.tsx b/site/src/pages/ExternalAuthPage/ExternalAuthPageView.stories.tsx
index 2d975245d50d9..b3622f222a139 100644
--- a/site/src/pages/ExternalAuthPage/ExternalAuthPageView.stories.tsx
+++ b/site/src/pages/ExternalAuthPage/ExternalAuthPageView.stories.tsx
@@ -15,12 +15,12 @@ const Template: StoryFn = (args) => (
export const WebAuthenticated = Template.bind({});
WebAuthenticated.args = {
externalAuth: {
- type: "BitBucket",
authenticated: true,
device: false,
installations: [],
app_install_url: "",
app_installable: false,
+ display_name: "BitBucket",
user: {
avatar_url: "",
login: "kylecarbs",
@@ -33,7 +33,7 @@ WebAuthenticated.args = {
export const DeviceUnauthenticated = Template.bind({});
DeviceUnauthenticated.args = {
externalAuth: {
- type: "GitHub",
+ display_name: "GitHub",
authenticated: false,
device: true,
installations: [],
@@ -52,7 +52,7 @@ DeviceUnauthenticated.args = {
export const DeviceUnauthenticatedError = Template.bind({});
DeviceUnauthenticatedError.args = {
externalAuth: {
- type: "GitHub",
+ display_name: "GitHub",
authenticated: false,
device: true,
installations: [],
@@ -76,7 +76,7 @@ export const DeviceAuthenticatedNotInstalled = Template.bind({});
DeviceAuthenticatedNotInstalled.args = {
viewExternalAuthConfig: true,
externalAuth: {
- type: "GitHub",
+ display_name: "GitHub",
authenticated: true,
device: true,
installations: [],
@@ -94,7 +94,7 @@ DeviceAuthenticatedNotInstalled.args = {
export const DeviceAuthenticatedInstalled = Template.bind({});
DeviceAuthenticatedInstalled.args = {
externalAuth: {
- type: "GitHub",
+ display_name: "GitHub",
authenticated: true,
device: true,
installations: [
diff --git a/site/src/pages/ExternalAuthPage/ExternalAuthPageView.tsx b/site/src/pages/ExternalAuthPage/ExternalAuthPageView.tsx
index 3984f35e37b24..b6be702ced99d 100644
--- a/site/src/pages/ExternalAuthPage/ExternalAuthPageView.tsx
+++ b/site/src/pages/ExternalAuthPage/ExternalAuthPageView.tsx
@@ -35,7 +35,7 @@ const ExternalAuthPageView: FC = ({
if (!externalAuth.authenticated) {
return (
-
+
{externalAuth.device && (
= ({
const hasInstallations = externalAuth.installations.length > 0;
// We only want to wrap this with a link if an install URL is available!
- let installTheApp: JSX.Element = (
- <>{`install the ${externalAuth.type} App`}>
- );
+ let installTheApp: React.ReactNode = `install the ${externalAuth.display_name} App`;
if (externalAuth.app_install_url) {
installTheApp = (
= ({
return (
-
+
- Hey @{externalAuth.user?.login}! 👋{" "}
+ {externalAuth.user?.login && `Hey @${externalAuth.user?.login}! 👋 `}
{(!externalAuth.app_installable ||
externalAuth.installations.length > 0) &&
- "You are now authenticated with Git. Feel free to close this window!"}
+ "You are now authenticated. Feel free to close this window!"}
{externalAuth.installations.length > 0 && (
@@ -126,7 +126,7 @@ const ExternalAuthPageView: FC = ({
{externalAuth.installations.length > 0
? "Configure"
: "Install"}{" "}
- the {externalAuth.type} App
+ the {externalAuth.display_name} App
)}
{
return res(ctx.status(200), ctx.json([]));
},
diff --git a/site/static/gitauth.mp4 b/site/static/external-auth.mp4
similarity index 100%
rename from site/static/gitauth.mp4
rename to site/static/external-auth.mp4
diff --git a/site/src/components/Icons/AzureDevOpsIcon.tsx b/site/static/icon/azure-devops.svg
similarity index 76%
rename from site/src/components/Icons/AzureDevOpsIcon.tsx
rename to site/static/icon/azure-devops.svg
index 7693c6614bf38..478ff78c720d6 100644
--- a/site/src/components/Icons/AzureDevOpsIcon.tsx
+++ b/site/static/icon/azure-devops.svg
@@ -1,7 +1,4 @@
-import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
-
-export const AzureDevOpsIcon = (props: SvgIconProps): JSX.Element => (
-
+
-);
+
diff --git a/site/src/components/Icons/BitbucketIcon.tsx b/site/static/icon/bitbucket.svg
similarity index 81%
rename from site/src/components/Icons/BitbucketIcon.tsx
rename to site/static/icon/bitbucket.svg
index 8cb419ade8c35..02ccf83695fbc 100644
--- a/site/src/components/Icons/BitbucketIcon.tsx
+++ b/site/static/icon/bitbucket.svg
@@ -1,8 +1,5 @@
-import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
-
-export const BitbucketIcon = (props: SvgIconProps): JSX.Element => (
-
-
+
-);
+
diff --git a/site/static/icon/github.svg b/site/static/icon/github.svg
new file mode 100644
index 0000000000000..c679c236fd224
--- /dev/null
+++ b/site/static/icon/github.svg
@@ -0,0 +1 @@
+
diff --git a/site/static/icon/gitlab.svg b/site/static/icon/gitlab.svg
new file mode 100644
index 0000000000000..20c615b3c0458
--- /dev/null
+++ b/site/static/icon/gitlab.svg
@@ -0,0 +1,25 @@
+