Re: [I] OAuth2 login button not displaying "icon", except google [superset]

["dosubot[bot] (via GitHub)" <gi...@apache.org>]

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>
   
   [![Chat with Dosu](https://dosu.dev/dosu-chat-badge.svg)](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github)&nbsp;[![Open in Cursor](https://dosu.dev/dosu-in-cursor.svg)](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.)&nbsp;[![Join Discord](https://img.shields.io/badge/join-5865F2?logo=discord&logoColor=white&label=)](https://go.dosu.dev/discord-bot)&nbsp;[![Share on X](https://img.shields.io/badge/X-share-black)](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: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org