Add sponsor

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'
 >
   <img
     src={ imageUrl }

src/components/Sponsor/sponsor.js

@@ -1,8 +1,9 @@
 window.setTimeout(() => {
-  const ad = document.querySelector('.sponsor-ad');
+  const ad = document.querySelector('#sponsor-ad');
   if (!ad) {
     return;
   }
 
   ad.classList.remove('hidden');
+  ad.classList.add('flex');
 }, 500);

src/components/TopicSearch/topics.js

@@ -1,24 +1,40 @@
 class Topics {
   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'));
+      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]`)
+      .forEach((item) => item.classList.add('hidden'));
 
-      document.querySelectorAll(`[data-topic*="${value}"]`).forEach((item) => item.classList.remove('hidden'));
+    document
+      .querySelectorAll(`[data-topic*="${value}"]`)
+      .forEach((item) => item.classList.remove('hidden'));
   }
 
   onDOMLoaded() {
-      document.getElementById('search-topic-input').addEventListener('keyup', this.filterTopicNodes);
+    if (!this.topicSearchEl) {
+      return;
+    }
+
+    this.topicSearchEl.addEventListener('keyup', this.filterTopicNodes);
   }
 
   init() {
@@ -28,4 +44,3 @@ class Topics {
 
 const topicRef = new Topics();
 topicRef.init();
-  

src/pages/[roadmapId]/index.astro

@@ -42,7 +42,11 @@ const roadmapData = roadmapFile.frontmatter as RoadmapFrontmatter;
     )
   }
 
+  {
+    !roadmapData.jsonUrl && (
       <MarkdownRoadmap>
         <roadmapFile.Content />
       </MarkdownRoadmap>
+    )
+  }
 </BaseLayout>