11import { useTheme } from "@emotion/react" ;
2- import GitHubIcon from "@mui/icons-material/GitHub" ;
32import Link from "@mui/material/Link" ;
43import TextField from "@mui/material/TextField" ;
54import { API } from "api/api" ;
@@ -13,6 +12,7 @@ import type {
1312import { Button } from "components/Button/Button" ;
1413import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog" ;
1514import { EmptyState } from "components/EmptyState/EmptyState" ;
15+ import { ExternalImage } from "components/ExternalImage/ExternalImage" ;
1616import { Stack } from "components/Stack/Stack" ;
1717import { CircleCheck as CircleCheckIcon , KeyIcon } from "lucide-react" ;
1818import { type FC , useState } from "react" ;
@@ -155,7 +155,7 @@ export const SingleSignOnSection: FC<SingleSignOnSectionProps> = ({
155155disabled = { isUpdating }
156156onClick = { ( ) => openConfirmation ( "github" ) }
157157>
158- < GitHubIcon />
158+ < ExternalImage src = "/icon/github.svg" />
159159GitHub
160160</ Button >
161161) }
@@ -204,7 +204,7 @@ export const SingleSignOnSection: FC<SingleSignOnSectionProps> = ({
204204</ span >
205205< div css = { { marginLeft :"auto" , lineHeight :1 } } >
206206{ userLoginType . login_type === "github" ?(
207- < GitHubIcon css = { { width : 16 , height : 16 } } />
207+ < ExternalImage src = "/icon/github.svg" />
208208) :(
209209< OIDCIcon oidcAuth = { authMethods . oidc } />
210210) }