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 && (
+
+
+
+ )
+ }