@@ -5,6 +5,8 @@ import TableCell from "@mui/material/TableCell";
55import TableContainer from "@mui/material/TableContainer" ;
66import TableHead from "@mui/material/TableHead" ;
77import TableRow from "@mui/material/TableRow" ;
8+ import LoadingButton from "@mui/lab/LoadingButton" ;
9+ import visuallyHidden from "@mui/utils/visuallyHidden" ;
810import { type FC , useState , useCallback , useEffect } from "react" ;
911import { useQuery } from "react-query" ;
1012import { externalAuthProvider } from "api/queries/externalAuth" ;
@@ -25,8 +27,7 @@ import {
2527ThreeDotsButton ,
2628} from "components/MoreMenu/MoreMenu" ;
2729import { ExternalAuthPollingState } from "pages/CreateWorkspacePage/CreateWorkspacePage" ;
28- import LoadingButton from "@mui/lab/LoadingButton" ;
29- import visuallyHidden from "@mui/utils/visuallyHidden" ;
30+ import { TableEmpty } from "components/TableEmpty/TableEmpty" ;
3031
3132export type ExternalAuthPageViewProps = {
3233isLoading :boolean ;
@@ -71,13 +72,7 @@ export const ExternalAuthPageView: FC<ExternalAuthPageViewProps> = ({
7172</ TableHead >
7273< TableBody >
7374{ ( ( auths . providers === null || auths . providers ?. length === 0 ) && (
74- < TableRow >
75- < TableCell colSpan = { 999 } >
76- < div css = { { textAlign :"center" } } >
77- No providers have been configured!
78- </ div >
79- </ TableCell >
80- </ TableRow >
75+ < TableEmpty message = "No providers have been configured" />
8176) ) ||
8277auths . providers ?. map ( ( app :ExternalAuthLinkProvider ) => {
8378return (