sidebar expiriment

blog/INTERVIEW/oleksandr-beznosyk/index.mdx

@@ -463,3 +463,7 @@ og:locale: uk_UA
 Воно ніскільки не коштує. Його так не можна оцінити. Кохання або є, або його немає. Хоча, знову ж таки, я — людина не дуже романтична, я більш такий практичний. Навіть коли якийсь подарунок треба, то я розмірковую, щоб він був практичний, а не просто якась прикраса, умовно кажучи. Але кохання дійсно не вийде оцінити. Воно — безцінне. Навіть важко пояснити, звідки воно береться. Коли ти когось кохаєш, можеш навіть не розуміти чому так сталося. Між людьми просто виникає така хімія, яку важко пояснити. Подобається людина та й все.
 
 **Кохання — це хімія, а ми математики.**
+
+import SidebarFilter from '@site/src/components/SidebarFilter';
+
+<SidebarFilter tag="інтервʼю"/>

docusaurus.config.js

@@ -36,14 +36,6 @@ const config = {
           blogSidebarTitle: 'Усі статті',
           blogSidebarCount: 'ALL',
           routeBasePath: 'blog',
-          sidebarPath: (locale, path) => {
-            if (path.includes('/tags/студенту')) return require.resolve('./sidebars.js').studentSidebar;
-            if (path.includes('/tags/вступ')) return require.resolve('./sidebars.js').admissionSidebar;
-            if (path.includes('/tags/інтервʼю')) return require.resolve('./sidebars.js').interviewSidebar;
-            if (path.includes('/tags/студрада')) return require.resolve('./sidebars.js').councilSidebar;
-            if (path.includes('/tags/вибіркові')) return require.resolve('./sidebars.js').electiveSidebar;
-            return require.resolve('./sidebars.js').allPostsSidebar;
-          },
         },
         theme: {
           customCss: require.resolve('./src/css/custom.css'),

src/js/SidebarFilter.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useBlogPosts } from '@docusaurus/theme-common';
+
+function SidebarFilter({ tag }) {
+    const { blogPosts } = useBlogPosts();
+    const filteredPosts = blogPosts.filter(post => post.metadata.tags.includes(tag));
+
+    return (
+        <div>
+        {filteredPosts.map(post => (
+            <div key={post.id}>
+            <a href={post.permalink}>{post.title}</a>
+            </div>
+        ))}
+        </div>
+    );
+}
+
+export default SidebarFilter;