From d168f66f1f05f268536ec0ac17556ad8867e3fbe Mon Sep 17 00:00:00 2001
From: Yulian <yulianzavodnyk@gmail.com>
Date: Sun, 1 Sep 2024 03:22:16 +0200
Subject: [PATCH] sidebar expiriment

---
 blog/INTERVIEW/oleksandr-beznosyk/index.mdx |  4 ++++
 docusaurus.config.js                        |  8 --------
 src/js/SidebarFilter.js                     | 19 +++++++++++++++++++
 3 files changed, 23 insertions(+), 8 deletions(-)
 create mode 100644 src/js/SidebarFilter.js

diff --git a/blog/INTERVIEW/oleksandr-beznosyk/index.mdx b/blog/INTERVIEW/oleksandr-beznosyk/index.mdx
index a771f4f1..92d8f851 100644
--- a/blog/INTERVIEW/oleksandr-beznosyk/index.mdx
+++ b/blog/INTERVIEW/oleksandr-beznosyk/index.mdx
@@ -463,3 +463,7 @@ og:locale: uk_UA
 Воно ніскільки не коштує. Його так не можна оцінити. Кохання або є, або його немає. Хоча, знову ж таки, я — людина не дуже романтична, я більш такий практичний. Навіть коли якийсь подарунок треба, то я розмірковую, щоб він був практичний, а не просто якась прикраса, умовно кажучи. Але кохання дійсно не вийде оцінити. Воно — безцінне. Навіть важко пояснити, звідки воно береться. Коли ти когось кохаєш, можеш навіть не розуміти чому так сталося. Між людьми просто виникає така хімія, яку важко пояснити. Подобається людина та й все.
 
 **Кохання — це хімія, а ми математики.**
+
+import SidebarFilter from '@site/src/components/SidebarFilter';
+
+<SidebarFilter tag="інтервʼю"/>
\ No newline at end of file
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 116998d5..cb92e571 100644
--- a/docusaurus.config.js
+++ b/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'),
diff --git a/src/js/SidebarFilter.js b/src/js/SidebarFilter.js
new file mode 100644
index 00000000..f72ec0e6
--- /dev/null
+++ b/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;