dosubot[bot] commented on issue #36285: URL: https://github.com/apache/superset/issues/36285#issuecomment-3579823536
<!-- Answer --> Only certain OAuth2 login buttons in Superset (like Google) display an icon because the frontend doesn't use the `icon` field from your `OAUTH_PROVIDERS` config. Instead, it tries to match the provider's name to a built-in React icon component (for example, `google` → `GoogleOutlined`). If no matching icon exists, nothing is shown. FontAwesome icons (like `fa-key` or `fa-address-card`) are not supported for these buttons, and the icon field is ignored by the UI. To show an icon for a custom provider, there would need to be a matching icon component in the frontend code with the right name—otherwise, no icon will appear. [Reference](https://github.com/apache/superset/blob/master/superset-frontend/src/pages/Login/index.tsx) If you want to display custom icons for OAuth2 providers, it would require changes to the frontend code to support reading the `icon` field or allow custom icon injection. Currently, this is not supported out of the box. <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/a8a5bd7e-b497-4132-947a-a7ecd37ab0b7?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github) [](https://cursor.com/link/prompt?text=Only%20certain%20OAuth2%20login%20buttons%20in%20Superset%20%28like%20Google%29%20display%20an%20icon%20because%20the%20frontend%20doesn%27t%20use%20the%20%60icon%60%20field%20from%20your%20%60OAUTH_PROVIDERS%60%20config.%20Instead%2C%20it%20tries%20to%20match%20the%20provider%27s%20name%20to%20a%20built-in%20React%20icon%20component%20%28for%20example%2C%20%60google%60%20%E2%86%92%20%60GoogleOutlined%60%29.%20If%20no%20matching%20icon%20exists%2C%20nothing%20is%20shown.%20FontAwesome%20icons%20%28like%20%60fa-key%60%20or%20%60fa-address-card%60%29%20are%20not%20supported%20for%20these%20buttons%2C%20and%20the%20icon%20field%20is%20ignored%20by%20the%20UI.%20To%20show%20an%20icon%20for%20a%20custom%20provider%2C%20there%20would%20need%20to%20be%20a %20matching%20icon%20component%20in%20the%20frontend%20code%20with%20the%20right%20name%E2%80%94otherwise%2C%20no%20icon%20will%20appear.%20%5BReference%5D%28https%3A//github.com/apache/superset/blob/master/superset-frontend/src/pages/Login/index.tsx%29%0A%0AIf%20you%20want%20to%20display%20custom%20icons%20for%20OAuth2%20providers%2C%20it%20would%20require%20changes%20to%20the%20frontend%20code%20to%20support%20reading%20the%20%60icon%60%20field%20or%20allow%20custom%20icon%20injection.%20Currently%2C%20this%20is%20not%20supported%20out%20of%20the%20box.) [](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/issues/36285) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
