Missing avatar or icon in GraphQL IDE UI about wp-graphql

[josephfusco]

Hey @hatsumatsu, thanks for reporting this! We are working on a newer version of the GraphQL IDE and have also tracked this over there (wp-graphql/wpgraphql-ide#90)

[justlevine]

Hey @hatsumatsu, thanks for reporting this! We are working on a newer version of the GraphQL IDE and have also tracked this over there (wp-graphql/wpgraphql-ide#90)

Confirming we also need to address this in core as a regression of #3067 , since the timeline for bringing in the new IDE isn't short-term(?)

[jasonbahl]

Confirming we also need to address this in core as a regression of #3067

@justlevine I'm not sure this actually is a regression 🤔 I've not been able to reproduce it at all.

[josephfusco]

I'm unable to reproduce this using the above steps with no plugins installed except for WPGraphQL 1.22.1 using WordPress 6.5.

@hatsumatsu Please confirm you have tested without other WordPress plugins active 👍

[jasonbahl]

@hatsumatsu I am also unable to reproduce. When I have "Show Avatars" setting set to "off", I still see my gravatar:

And when I'm using the IDE as a user that does not have a Gravatar, I see a fallback user icon:

[justlevine]

Confirming we also need to address this in core as a regression of #3067

@justlevine I'm not sure this actually is a regression 🤔 I've not been able to reproduce it at all.

@jasonbahl I didn't test or triage, was solely responding to this comment about tracking it in wpgraphql-ide i.e. bugs (if found) need to be handled in this repo as well.

[hatsumatsu]

@jasonbahl Thanks for looking into this.
It might be related to my custom starter theme that immediately disables avatars upon activation:

add_action( 'after_switch_theme', function() {
    update_option( 'show_avatars', '' );
} );

https://github.com/hatsumatsu/Port-F

If you disable avatars at a later point, the data and images might already be present in the database.

[josephfusco]

@hatsumatsu Thanks for providing more info regarding your setup!

I am still having trouble reproducing this issue, however here is my suggestion for your situation - load custom styles when on the IDE page and avatars are disabled:

add_action( 'enqueue_graphiql_extension', function() {
        $show_avatars = get_option( 'show_avatars' );

	if ( '0' !== $show_avatars && '' !== $show_avatars ) {
		return;
	}

	?>
	<style>
		[data-testid="auth-switch"] .toolbar-button span.ant-avatar-image::before {
			content: "\f110"; /* Dashicons user icon */
			color: #444;
			font-family: "Dashicons";
			display: inline-block;
			font-size: 20px;
			vertical-align: middle;
			margin-right: 5px;
		}
	</style>
	<?php
});

I hope this helps 🙌

[josephfusco]

Closing this as we weren't able to reproduce this without any additional plugins active. A possible solution has been provided above. If there's evidence that this is still a bug to be addressed feel free to open a new issue with as much detail as possible (and reference this issue). Thanks!