Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix display of local announcement banner #1822

Closed
wants to merge 1 commit into from

Conversation

melissawm
Copy link
Contributor

Closes #1817

A small refactor of the announcement banner display logic to fix the display of local announcement banners.

Copy link

Coverage report

This PR does not seem to contain any modification to coverable code.

Comment on lines +31 to +39
if (is_remote) {
document.write(`<aside class="bd-header-announcement d-print-none" aria-label="{{ banner_label }}"></aside>`);
fetch("{{ theme_announcement }}")
.then(res => {return res.text();})
.then(data => {
if (data.length === 0) {
console.log("[PST]: Empty announcement at: {{ theme_announcement }}");
return;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If I'm reading this correctly, the aside tag will get written first, even if data.length === 0. Seems like we wouldn't want that to happen?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

oh good point, let me fix it

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey, just FYI, I rewrote all of this in #1808. Matthias reviewed it. He found one thing that needed to be fixed. I just fixed it. So I'm wondering if it would be better to merge in #1808 and see if it fixes the issue.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks to me that the reason the banner disappeared in #1817 is because the "init" class was getting applied to the <aside> tag when the announcement was local and then never removed.

If that's the case then #1808 should fix #1817.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

By the way, PR 1808 has a test case that checks that the banner gets rendered when theme announcement is local.

As an aside, one reason I was holding off on 1808 was that I wanted to see if someone had any thoughts about how to write the tests I added in a more efficient way, but that could always be done in a follow-up PR.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh - sorry about that, I should have checked. I'll pause here and let you finish 1808 first, thanks!

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No worries, I think it's awesome you jumped in to help fix the problem :)

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@melissawm, I edited some updates you made to the docs about the theme announcement, so if you could double check that my rewrite is accurate that would be awesome

@trallard trallard added the kind: bug Something isn't working label May 19, 2024
@melissawm
Copy link
Contributor Author

Closing in favor of #1808, thanks all.

@melissawm melissawm closed this May 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind: bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

No announcement banner anymore
4 participants