diff --git a/src/components/Sponsor/Sponsor.astro b/src/components/Sponsor/Sponsor.astro index d53894f9f..c685224cc 100644 --- a/src/components/Sponsor/Sponsor.astro +++ b/src/components/Sponsor/Sponsor.astro @@ -22,7 +22,7 @@ const { id='sponsor-ad' target='_blank' rel='noopener sponsored' - class='fixed bottom-[15px] right-[20px] outline-[2px] outline-transparent z-50 bg-white max-w-[330px] shadow-lg hidden' + class='fixed bottom-[15px] right-[20px] outline-transparent z-50 bg-white max-w-[330px] shadow-lg outline-0 hidden' > { - const ad = document.querySelector('.sponsor-ad'); + const ad = document.querySelector('#sponsor-ad'); if (!ad) { return; } ad.classList.remove('hidden'); -}, 500); \ No newline at end of file + ad.classList.add('flex'); +}, 500); diff --git a/src/components/TopicSearch/topics.js b/src/components/TopicSearch/topics.js index 3200c8a04..26b31edee 100644 --- a/src/components/TopicSearch/topics.js +++ b/src/components/TopicSearch/topics.js @@ -1,31 +1,46 @@ class Topics { - constructor() { - this.onDOMLoaded = this.onDOMLoaded.bind(this); - this.init = this.init.bind(this); - this.filterTopicNodes = this.filterTopicNodes.bind(this); - } - - filterTopicNodes(e) { - const value = e.target.value.trim().toLowerCase(); - if (!value) { - document.querySelectorAll(`[data-topic]`).forEach((item) => item.classList.remove('hidden')); - return; - } - - document.querySelectorAll(`[data-topic]`).forEach((item) => item.classList.add('hidden')); - - document.querySelectorAll(`[data-topic*="${value}"]`).forEach((item) => item.classList.remove('hidden')); - } - - onDOMLoaded() { - document.getElementById('search-topic-input').addEventListener('keyup', this.filterTopicNodes); + constructor() { + this.topicSearchId = 'search-topic-input'; + + this.onDOMLoaded = this.onDOMLoaded.bind(this); + this.init = this.init.bind(this); + this.filterTopicNodes = this.filterTopicNodes.bind(this); + } + + get topicSearchEl() { + return document.getElementById(this.topicSearchId); + } + + filterTopicNodes(e) { + const value = e.target.value.trim().toLowerCase(); + if (!value) { + document + .querySelectorAll(`[data-topic]`) + .forEach((item) => item.classList.remove('hidden')); + return; } - - init() { - window.addEventListener('DOMContentLoaded', this.onDOMLoaded); + + document + .querySelectorAll(`[data-topic]`) + .forEach((item) => item.classList.add('hidden')); + + document + .querySelectorAll(`[data-topic*="${value}"]`) + .forEach((item) => item.classList.remove('hidden')); + } + + onDOMLoaded() { + if (!this.topicSearchEl) { + return; } + + this.topicSearchEl.addEventListener('keyup', this.filterTopicNodes); + } + + init() { + window.addEventListener('DOMContentLoaded', this.onDOMLoaded); } - - const topicRef = new Topics(); - topicRef.init(); - \ No newline at end of file +} + +const topicRef = new Topics(); +topicRef.init(); diff --git a/src/pages/[roadmapId]/index.astro b/src/pages/[roadmapId]/index.astro index b4c554fb0..b0b19076c 100644 --- a/src/pages/[roadmapId]/index.astro +++ b/src/pages/[roadmapId]/index.astro @@ -42,7 +42,11 @@ const roadmapData = roadmapFile.frontmatter as RoadmapFrontmatter; ) } - - - + { + !roadmapData.jsonUrl && ( + + + + ) + }