May 28, 2024 · May 28, 2024 · May 28, 2024 · May 28, 2024 · May 28, 2024 · May 28, 2024
diff --git a/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx b/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx
 import { useTheme } from "@emotion/react";
 import CachedIcon from "@mui/icons-material/Cached";
 import LoadingButton from "@mui/lab/LoadingButton";
 import Badge from "@mui/material/Badge";
  onUnlinkExternalAuth,
  onValidateExternalAuth,
 }) => {
  const theme = useTheme();
  const name = app.display_name || app.id || app.type;
  const authURL = "/external-auth/" + app.id;

    <TableRow key={app.id}>
      <TableCell>
        <AvatarData title={name} avatar={avatar} />
        {/* TODO: Style this! */}
        {link?.validate_error}
        {link?.validate_error && (
          <>
            <span
              css={{ paddingLeft: "1em", color: theme.palette.error.light }}
            >
              Error:{" "}
            </span>
            {link?.validate_error}
          </>
        )}
      </TableCell>
      <TableCell css={{ textAlign: "right" }}>
        <LoadingButton
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,4 @@
		import { useTheme } from "@emotion/react";
		import CachedIcon from "@mui/icons-material/Cached";
		import LoadingButton from "@mui/lab/LoadingButton";
		import Badge from "@mui/material/Badge";
Expand DownExpand Up		@@ -114,6 +115,7 @@ const ExternalAuthRow: FC<ExternalAuthRowProps> = ({
		onUnlinkExternalAuth,
		onValidateExternalAuth,
		}) => {
		const theme = useTheme();
		const name = app.display_name \|\| app.id \|\| app.type;
		const authURL = "/external-auth/" + app.id;

Expand DownExpand Up		@@ -161,8 +163,16 @@ const ExternalAuthRow: FC<ExternalAuthRowProps> = ({
		<TableRow key={app.id}>
		<TableCell>
		<AvatarData title={name} avatar={avatar} />
		{/* TODO: Style this! */}
		{link?.validate_error}
		{link?.validate_error && (
		<>
		<span
		css={{ paddingLeft: "1em", color: theme.palette.error.light }}
		>
		Error:{" "}
		</span>
		{link?.validate_error}
		</>
		)}
		</TableCell>
		<TableCell css={{ textAlign: "right" }}>
		<LoadingButton
Expand Down