From f3361e910d97375eee50dc4fbd5d78985c645739 Mon Sep 17 00:00:00 2001 From: Favour Ohans Date: Mon, 23 Dec 2024 13:25:41 +0100 Subject: [PATCH] Move logos to assets --- .../assets/logos/activeDirectory.tsx | 27 ++ lib/ts/components/assets/logos/apple.tsx | 47 +++ lib/ts/components/assets/logos/auth0.tsx | 8 + lib/ts/components/assets/logos/bitbucket.tsx | 24 ++ lib/ts/components/assets/logos/discord.tsx | 15 + lib/ts/components/assets/logos/facebook.tsx | 5 + lib/ts/components/assets/logos/github.tsx | 10 + lib/ts/components/assets/logos/gitlab.tsx | 20 + lib/ts/components/assets/logos/google.tsx | 20 + .../assets/logos/googleWorkspaces.tsx | 20 + lib/ts/components/assets/logos/jumpCloud.tsx | 11 + lib/ts/components/assets/logos/linkedin.tsx | 12 + .../components/assets/logos/microsoftADFS.tsx | 66 ++++ .../assets/logos/microsoftEntraId.tsx | 39 ++ lib/ts/components/assets/logos/okta.tsx | 8 + lib/ts/components/assets/logos/oneLogin.tsx | 42 ++ lib/ts/components/assets/logos/openId.tsx | 26 ++ lib/ts/components/assets/logos/pingOne.tsx | 91 +++++ lib/ts/components/assets/logos/rippling.tsx | 24 ++ lib/ts/components/assets/logos/saml.tsx | 25 ++ .../themes/signInAndUp/providersForm.tsx | 5 +- lib/ts/recipe/thirdparty/constants.ts | 29 ++ lib/ts/recipe/thirdparty/constants.tsx | 370 ------------------ .../thirdparty/providers/activeDirectory.tsx | 32 +- lib/ts/recipe/thirdparty/providers/apple.tsx | 52 +-- .../recipe/thirdparty/providers/bitbucket.tsx | 29 +- .../recipe/thirdparty/providers/boxySaml.tsx | 51 +-- .../recipe/thirdparty/providers/discord.tsx | 18 +- .../recipe/thirdparty/providers/facebook.tsx | 8 +- lib/ts/recipe/thirdparty/providers/github.tsx | 13 +- lib/ts/recipe/thirdparty/providers/gitlab.tsx | 23 +- lib/ts/recipe/thirdparty/providers/google.tsx | 5 +- .../thirdparty/providers/googleWorkspaces.tsx | 23 +- lib/ts/recipe/thirdparty/providers/index.tsx | 5 +- .../recipe/thirdparty/providers/linkedIn.tsx | 15 +- lib/ts/recipe/thirdparty/providers/okta.tsx | 5 +- lib/ts/recipe/thirdparty/utils.ts | 4 +- 37 files changed, 606 insertions(+), 621 deletions(-) create mode 100644 lib/ts/components/assets/logos/activeDirectory.tsx create mode 100644 lib/ts/components/assets/logos/apple.tsx create mode 100644 lib/ts/components/assets/logos/auth0.tsx create mode 100644 lib/ts/components/assets/logos/bitbucket.tsx create mode 100644 lib/ts/components/assets/logos/discord.tsx create mode 100644 lib/ts/components/assets/logos/facebook.tsx create mode 100644 lib/ts/components/assets/logos/github.tsx create mode 100644 lib/ts/components/assets/logos/gitlab.tsx create mode 100644 lib/ts/components/assets/logos/google.tsx create mode 100644 lib/ts/components/assets/logos/googleWorkspaces.tsx create mode 100644 lib/ts/components/assets/logos/jumpCloud.tsx create mode 100644 lib/ts/components/assets/logos/linkedin.tsx create mode 100644 lib/ts/components/assets/logos/microsoftADFS.tsx create mode 100644 lib/ts/components/assets/logos/microsoftEntraId.tsx create mode 100644 lib/ts/components/assets/logos/okta.tsx create mode 100644 lib/ts/components/assets/logos/oneLogin.tsx create mode 100644 lib/ts/components/assets/logos/openId.tsx create mode 100644 lib/ts/components/assets/logos/pingOne.tsx create mode 100644 lib/ts/components/assets/logos/rippling.tsx create mode 100644 lib/ts/components/assets/logos/saml.tsx create mode 100644 lib/ts/recipe/thirdparty/constants.ts delete mode 100644 lib/ts/recipe/thirdparty/constants.tsx diff --git a/lib/ts/components/assets/logos/activeDirectory.tsx b/lib/ts/components/assets/logos/activeDirectory.tsx new file mode 100644 index 000000000..fe53e88e7 --- /dev/null +++ b/lib/ts/components/assets/logos/activeDirectory.tsx @@ -0,0 +1,27 @@ +export default ( + + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/apple.tsx b/lib/ts/components/assets/logos/apple.tsx new file mode 100644 index 000000000..880f9c835 --- /dev/null +++ b/lib/ts/components/assets/logos/apple.tsx @@ -0,0 +1,47 @@ +export default ( + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/auth0.tsx b/lib/ts/components/assets/logos/auth0.tsx new file mode 100644 index 000000000..211fb69c4 --- /dev/null +++ b/lib/ts/components/assets/logos/auth0.tsx @@ -0,0 +1,8 @@ +export default ( + + + +); diff --git a/lib/ts/components/assets/logos/bitbucket.tsx b/lib/ts/components/assets/logos/bitbucket.tsx new file mode 100644 index 000000000..8c8160af8 --- /dev/null +++ b/lib/ts/components/assets/logos/bitbucket.tsx @@ -0,0 +1,24 @@ +export default ( + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/discord.tsx b/lib/ts/components/assets/logos/discord.tsx new file mode 100644 index 000000000..b6eb32578 --- /dev/null +++ b/lib/ts/components/assets/logos/discord.tsx @@ -0,0 +1,15 @@ +export default ( + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/facebook.tsx b/lib/ts/components/assets/logos/facebook.tsx new file mode 100644 index 000000000..1df132bd2 --- /dev/null +++ b/lib/ts/components/assets/logos/facebook.tsx @@ -0,0 +1,5 @@ +export default ( + + + +); diff --git a/lib/ts/components/assets/logos/github.tsx b/lib/ts/components/assets/logos/github.tsx new file mode 100644 index 000000000..d94d8f3b6 --- /dev/null +++ b/lib/ts/components/assets/logos/github.tsx @@ -0,0 +1,10 @@ +export default ( + + + +); diff --git a/lib/ts/components/assets/logos/gitlab.tsx b/lib/ts/components/assets/logos/gitlab.tsx new file mode 100644 index 000000000..e98d79182 --- /dev/null +++ b/lib/ts/components/assets/logos/gitlab.tsx @@ -0,0 +1,20 @@ +export default ( + + + + + + +); diff --git a/lib/ts/components/assets/logos/google.tsx b/lib/ts/components/assets/logos/google.tsx new file mode 100644 index 000000000..35e3cae56 --- /dev/null +++ b/lib/ts/components/assets/logos/google.tsx @@ -0,0 +1,20 @@ +export default ( + + + + + + +); diff --git a/lib/ts/components/assets/logos/googleWorkspaces.tsx b/lib/ts/components/assets/logos/googleWorkspaces.tsx new file mode 100644 index 000000000..c604b18aa --- /dev/null +++ b/lib/ts/components/assets/logos/googleWorkspaces.tsx @@ -0,0 +1,20 @@ +export default ( + + + + + + +); diff --git a/lib/ts/components/assets/logos/jumpCloud.tsx b/lib/ts/components/assets/logos/jumpCloud.tsx new file mode 100644 index 000000000..15c3182a9 --- /dev/null +++ b/lib/ts/components/assets/logos/jumpCloud.tsx @@ -0,0 +1,11 @@ +export default ( + + + +); diff --git a/lib/ts/components/assets/logos/linkedin.tsx b/lib/ts/components/assets/logos/linkedin.tsx new file mode 100644 index 000000000..4c9dfc102 --- /dev/null +++ b/lib/ts/components/assets/logos/linkedin.tsx @@ -0,0 +1,12 @@ +export default ( + + + + +); diff --git a/lib/ts/components/assets/logos/microsoftADFS.tsx b/lib/ts/components/assets/logos/microsoftADFS.tsx new file mode 100644 index 000000000..6c9760336 --- /dev/null +++ b/lib/ts/components/assets/logos/microsoftADFS.tsx @@ -0,0 +1,66 @@ +export default ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/microsoftEntraId.tsx b/lib/ts/components/assets/logos/microsoftEntraId.tsx new file mode 100644 index 000000000..0f812ba58 --- /dev/null +++ b/lib/ts/components/assets/logos/microsoftEntraId.tsx @@ -0,0 +1,39 @@ +export default ( + + + + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/okta.tsx b/lib/ts/components/assets/logos/okta.tsx new file mode 100644 index 000000000..363797b14 --- /dev/null +++ b/lib/ts/components/assets/logos/okta.tsx @@ -0,0 +1,8 @@ +export default ( + + + +); diff --git a/lib/ts/components/assets/logos/oneLogin.tsx b/lib/ts/components/assets/logos/oneLogin.tsx new file mode 100644 index 000000000..4b3d3f600 --- /dev/null +++ b/lib/ts/components/assets/logos/oneLogin.tsx @@ -0,0 +1,42 @@ +export default ( + + + + + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/openId.tsx b/lib/ts/components/assets/logos/openId.tsx new file mode 100644 index 000000000..14e263ce7 --- /dev/null +++ b/lib/ts/components/assets/logos/openId.tsx @@ -0,0 +1,26 @@ +export default ( + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/pingOne.tsx b/lib/ts/components/assets/logos/pingOne.tsx new file mode 100644 index 000000000..d35bcb84c --- /dev/null +++ b/lib/ts/components/assets/logos/pingOne.tsx @@ -0,0 +1,91 @@ +export default ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/rippling.tsx b/lib/ts/components/assets/logos/rippling.tsx new file mode 100644 index 000000000..14d6a0e7f --- /dev/null +++ b/lib/ts/components/assets/logos/rippling.tsx @@ -0,0 +1,24 @@ +export default ( + + + + + + + + + + + + + +); diff --git a/lib/ts/components/assets/logos/saml.tsx b/lib/ts/components/assets/logos/saml.tsx new file mode 100644 index 000000000..aaa209eb5 --- /dev/null +++ b/lib/ts/components/assets/logos/saml.tsx @@ -0,0 +1,25 @@ +export default ( + + + + + +); diff --git a/lib/ts/recipe/thirdparty/components/themes/signInAndUp/providersForm.tsx b/lib/ts/recipe/thirdparty/components/themes/signInAndUp/providersForm.tsx index 824056dee..b172791e1 100644 --- a/lib/ts/recipe/thirdparty/components/themes/signInAndUp/providersForm.tsx +++ b/lib/ts/recipe/thirdparty/components/themes/signInAndUp/providersForm.tsx @@ -18,6 +18,7 @@ import STGeneralError from "supertokens-web-js/utils/error"; import { withOverride } from "../../../../../components/componentOverride/withOverride"; import { useUserContext } from "../../../../../usercontext"; +import { getProviderLogo } from "../../../constants"; import { redirectToThirdPartyLogin } from "../../../utils"; import type { SignInAndUpThemeProps } from "../../../types"; @@ -67,7 +68,9 @@ export const ThirdPartySignInAndUpProvidersForm: React.FC {props.providers.map((provider) => { return (
- signInClick(provider.id)}>{provider.getButton()} + signInClick(provider.id)}> + {provider.getButton(undefined, getProviderLogo(provider.id))} +
); })} diff --git a/lib/ts/recipe/thirdparty/constants.ts b/lib/ts/recipe/thirdparty/constants.ts new file mode 100644 index 000000000..bfc822c58 --- /dev/null +++ b/lib/ts/recipe/thirdparty/constants.ts @@ -0,0 +1,29 @@ +import ActiveDirectoryLogo from "../../components/assets/logos/activeDirectory"; +import AppleLogo from "../../components/assets/logos/apple"; +import BitbucketLogo from "../../components/assets/logos/bitbucket"; +import DiscordLogo from "../../components/assets/logos/discord"; +import FacebookLogo from "../../components/assets/logos/facebook"; +import GithubLogo from "../../components/assets/logos/github"; +import GitlabLogo from "../../components/assets/logos/gitlab"; +import GoogleLogo from "../../components/assets/logos/google"; +import GoogleWorkspacesLogo from "../../components/assets/logos/googleWorkspaces"; +import LinkedInLogo from "../../components/assets/logos/linkedin"; +import OktaLogo from "../../components/assets/logos/okta"; + +export const providerLogoMap = { + "active-directory": ActiveDirectoryLogo, + apple: AppleLogo, + bitbucket: BitbucketLogo, + discord: DiscordLogo, + facebook: FacebookLogo, + github: GithubLogo, + gitlab: GitlabLogo, + linkedin: LinkedInLogo, + okta: OktaLogo, + google: GoogleLogo, + "google-workspaces": GoogleWorkspacesLogo, +} as const; + +export const getProviderLogo = (providerId: string): JSX.Element | undefined => { + return providerId in providerLogoMap ? providerLogoMap[providerId as keyof typeof providerLogoMap] : undefined; +}; diff --git a/lib/ts/recipe/thirdparty/constants.tsx b/lib/ts/recipe/thirdparty/constants.tsx deleted file mode 100644 index b1a065ab1..000000000 --- a/lib/ts/recipe/thirdparty/constants.tsx +++ /dev/null @@ -1,370 +0,0 @@ -export const oktaLogo = ( - - - -); - -export const googleLogo = ( - - - - - - -); - -export const genericSAMLLogo = ( - - - - - -); - -export const microsoftEntraIdLogo = ( - - - - - - - - - - - - - - - -); - -export const microsoftADFSLogo = ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -); - -export const auth0Logo = ( - - - -); - -export const oneLoginLogo = ( - - - - - - - - - - - - - - - - -); - -export const pingOneLogo = ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -); - -export const jumpCloudLogo = ( - - - -); - -export const ripplingLogo = ( - - - - - - - - - - - - - -); - -export const openIdLogo = ( - - - - - - - - - - - - -); diff --git a/lib/ts/recipe/thirdparty/providers/activeDirectory.tsx b/lib/ts/recipe/thirdparty/providers/activeDirectory.tsx index d884a3dfc..c0d927386 100644 --- a/lib/ts/recipe/thirdparty/providers/activeDirectory.tsx +++ b/lib/ts/recipe/thirdparty/providers/activeDirectory.tsx @@ -41,35 +41,9 @@ export default class ActiveDirectory extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - - - - - - - - - - ); - }; + getLogo(): undefined { + return undefined; + } /* * Static Methods diff --git a/lib/ts/recipe/thirdparty/providers/apple.tsx b/lib/ts/recipe/thirdparty/providers/apple.tsx index 6d10a507f..67751c780 100644 --- a/lib/ts/recipe/thirdparty/providers/apple.tsx +++ b/lib/ts/recipe/thirdparty/providers/apple.tsx @@ -44,55 +44,9 @@ export default class Apple extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - - - - - - - - ); - }; + getLogo(): undefined { + return undefined; + } getRedirectURIOnProviderDashboard(): string | undefined { const domain = SuperTokens.getInstanceOrThrow().appInfo.apiDomain.getAsStringDangerous(); diff --git a/lib/ts/recipe/thirdparty/providers/bitbucket.tsx b/lib/ts/recipe/thirdparty/providers/bitbucket.tsx index 9d90f25af..bc9015872 100644 --- a/lib/ts/recipe/thirdparty/providers/bitbucket.tsx +++ b/lib/ts/recipe/thirdparty/providers/bitbucket.tsx @@ -41,32 +41,9 @@ export default class Bitbucket extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - - - - - - - ); - }; + getLogo(): undefined { + return undefined; + } /* * Static Methods diff --git a/lib/ts/recipe/thirdparty/providers/boxySaml.tsx b/lib/ts/recipe/thirdparty/providers/boxySaml.tsx index a03ad2efe..2d1f3e0b2 100644 --- a/lib/ts/recipe/thirdparty/providers/boxySaml.tsx +++ b/lib/ts/recipe/thirdparty/providers/boxySaml.tsx @@ -16,19 +16,6 @@ * Imports. */ import { isTest } from "../../../utils"; -import { - auth0Logo, - genericSAMLLogo, - googleLogo, - jumpCloudLogo, - microsoftADFSLogo, - microsoftEntraIdLogo, - oktaLogo, - oneLoginLogo, - openIdLogo, - pingOneLogo, - ripplingLogo, -} from "../constants"; import type { BuiltInProviderConfig } from "./types"; @@ -54,42 +41,8 @@ export default class BoxySAML extends Provider { }); } - getLogo = (): JSX.Element => { - switch (this.name.toLowerCase()) { - case "microsoft entra id": { - return microsoftEntraIdLogo; - } - case "microsoft ad fs": { - return microsoftADFSLogo; - } - case "okta": { - return oktaLogo; - } - case "auth0": { - return auth0Logo; - } - case "google": { - return googleLogo; - } - case "onelogin": { - return oneLoginLogo; - } - case "pingone": { - return pingOneLogo; - } - case "jumpcloud": { - return jumpCloudLogo; - } - case "rippling": { - return ripplingLogo; - } - case "openid": { - return openIdLogo; - } - default: { - return genericSAMLLogo; - } - } + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/discord.tsx b/lib/ts/recipe/thirdparty/providers/discord.tsx index 8f95cfa64..74e66f765 100644 --- a/lib/ts/recipe/thirdparty/providers/discord.tsx +++ b/lib/ts/recipe/thirdparty/providers/discord.tsx @@ -41,22 +41,8 @@ export default class Discord extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - - - - - - - ); + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/facebook.tsx b/lib/ts/recipe/thirdparty/providers/facebook.tsx index 24340cae0..77c0f988d 100644 --- a/lib/ts/recipe/thirdparty/providers/facebook.tsx +++ b/lib/ts/recipe/thirdparty/providers/facebook.tsx @@ -41,12 +41,8 @@ export default class Facebook extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - ); + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/github.tsx b/lib/ts/recipe/thirdparty/providers/github.tsx index 618c8a6c2..02c4487cc 100644 --- a/lib/ts/recipe/thirdparty/providers/github.tsx +++ b/lib/ts/recipe/thirdparty/providers/github.tsx @@ -41,17 +41,8 @@ export default class Github extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - ); + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/gitlab.tsx b/lib/ts/recipe/thirdparty/providers/gitlab.tsx index 5054c23ca..8103a7eea 100644 --- a/lib/ts/recipe/thirdparty/providers/gitlab.tsx +++ b/lib/ts/recipe/thirdparty/providers/gitlab.tsx @@ -41,27 +41,8 @@ export default class Gitlab extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - - - ); + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/google.tsx b/lib/ts/recipe/thirdparty/providers/google.tsx index 818c71504..ba3e19a55 100644 --- a/lib/ts/recipe/thirdparty/providers/google.tsx +++ b/lib/ts/recipe/thirdparty/providers/google.tsx @@ -16,7 +16,6 @@ * Imports. */ import { isTest } from "../../../utils"; -import { googleLogo } from "../constants"; import type { BuiltInProviderConfig } from "./types"; @@ -42,8 +41,8 @@ export default class Google extends Provider { }); } - getLogo = (): JSX.Element => { - return googleLogo; + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/googleWorkspaces.tsx b/lib/ts/recipe/thirdparty/providers/googleWorkspaces.tsx index e81a717a5..de87309de 100644 --- a/lib/ts/recipe/thirdparty/providers/googleWorkspaces.tsx +++ b/lib/ts/recipe/thirdparty/providers/googleWorkspaces.tsx @@ -32,27 +32,8 @@ export default class GoogleWorkspaces extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - - - ); + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/index.tsx b/lib/ts/recipe/thirdparty/providers/index.tsx index 8af23dba9..e534fabdc 100644 --- a/lib/ts/recipe/thirdparty/providers/index.tsx +++ b/lib/ts/recipe/thirdparty/providers/index.tsx @@ -51,7 +51,7 @@ export default abstract class Provider { return undefined; } - getButton = (name?: string): JSX.Element => { + getButton = (name?: string, defaultLogo?: JSX.Element): JSX.Element => { if (this.config.buttonComponent !== undefined) { if (typeof this.config.buttonComponent === "function") { return ; @@ -60,7 +60,8 @@ export default abstract class Provider { } const providerName = name !== undefined ? name : this.name; - return ; + const logo = this.getLogo() ?? defaultLogo; + return ; }; abstract getLogo(): JSX.Element | undefined; diff --git a/lib/ts/recipe/thirdparty/providers/linkedIn.tsx b/lib/ts/recipe/thirdparty/providers/linkedIn.tsx index 46644b7e1..2a81e57c0 100644 --- a/lib/ts/recipe/thirdparty/providers/linkedIn.tsx +++ b/lib/ts/recipe/thirdparty/providers/linkedIn.tsx @@ -41,19 +41,8 @@ export default class LinkedIn extends Provider { }); } - getLogo = (): JSX.Element => { - return ( - - - - - ); + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/providers/okta.tsx b/lib/ts/recipe/thirdparty/providers/okta.tsx index 94139abf2..61b0b1706 100644 --- a/lib/ts/recipe/thirdparty/providers/okta.tsx +++ b/lib/ts/recipe/thirdparty/providers/okta.tsx @@ -16,7 +16,6 @@ * Imports. */ import { isTest } from "../../../utils"; -import { oktaLogo } from "../constants"; import type { BuiltInProviderConfig } from "./types"; @@ -42,8 +41,8 @@ export default class Okta extends Provider { }); } - getLogo = (): JSX.Element => { - return oktaLogo; + getLogo = (): undefined => { + return undefined; }; /* diff --git a/lib/ts/recipe/thirdparty/utils.ts b/lib/ts/recipe/thirdparty/utils.ts index d641324b1..542394b46 100644 --- a/lib/ts/recipe/thirdparty/utils.ts +++ b/lib/ts/recipe/thirdparty/utils.ts @@ -16,12 +16,14 @@ /* * Imports. */ + import SuperTokens from "../../superTokens"; import { redirectWithFullPageReload } from "../../utils"; import { normaliseAuthRecipe } from "../authRecipe/utils"; import { FactorIds } from "../multifactorauth/types"; import Multitenancy from "../multitenancy/recipe"; +import { getProviderLogo } from "./constants"; import Provider from "./providers"; import ActiveDirectory from "./providers/activeDirectory"; import Apple from "./providers/apple"; @@ -221,7 +223,7 @@ export const mergeProviders = ({ ...provider.config, id: tenantProvider.id, name: tenantProvider.name, - buttonComponent: provider.getButton(tenantProvider.name), + buttonComponent: provider.getButton(tenantProvider.name, getProviderLogo(tenantProvider.id)), }) ); } else {