7 files changed, 59 insertions, 32 deletions

diff --git a/src/components/landing/sections/Resume.tsx b/src/components/landing/sections/Resume.tsx
index 44c4c72..66ea541 100644
--- a/src/components/landing/sections/Resume.tsx
+++ b/src/components/landing/sections/Resume.tsx
@@ -182,7 +182,9 @@ function Experience() {
               <Link to="https://semmelweis.hu/genomikai-medicina/en/">
                 Institute of Genomic Medicine and Rare Disorders,
               </Link>{' '}
-              <Link to="https://semmelweis.hu/english/">Semmelweis University,</Link>{' '}
+              <Link to="https://semmelweis.hu/english/">
+                Semmelweis University,
+              </Link>{' '}
               Budapest, Hungary
             </i>
           </p>
@@ -460,7 +462,6 @@ function Service() {
                 to="https://link.springer.com/journal/10664"
                 rel="nofollow noopener noreferrer"
               >
-
                 EMSE
               </Link>
             </span>
diff --git a/src/css/custom.css b/src/css/custom.css
index e97111e..29a89b5 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -95,13 +95,15 @@ h2,
 }
 
 h3,
-.markdown > h4 {
+.markdown > h4,
+.avatar__name {
   --casl: var(--marussy-slightly-casl);
 }
 
 h1,
 h2,
-h3 {
+h3,
+.avatar__name {
   letter-spacing: var(--marussy-heading-tracking);
 }
 
diff --git a/src/theme/BlogPostItem/Header/Author.tsx b/src/theme/Blog/Components/Author.tsx
index 7710a98..61f7dc7 100644
--- a/src/theme/BlogPostItem/Header/Author.tsx
+++ b/src/theme/Blog/Components/Author.tsx
@@ -4,13 +4,10 @@
  * SPDX-License-Identifier: MIT
  */
 
-import Author from '@theme-original/BlogPostItem/Header/Author';
-import type AuthorType from '@theme/BlogPostItem/Header/Author';
-import type { WrapperProps } from '@docusaurus/types';
+import Author from '@theme-original/Blog/Components/Author';
+import type { Props } from '@theme/Blog/Components/Author';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
-type Props = WrapperProps<typeof AuthorType>;
-
 export default function AuthorWrapper(props: Props): JSX.Element {
   const {
     siteConfig: { url },
diff --git a/src/theme/Blog/Components/Author/Socials.tsx b/src/theme/Blog/Components/Author/Socials.tsx
new file mode 100644
index 0000000..851d6f9
--- /dev/null
+++ b/src/theme/Blog/Components/Author/Socials.tsx
@@ -0,0 +1,13 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+import Socials from '@theme-original/Blog/Components/Author/Socials';
+import type { Props } from '@theme/Blog/Components/Author/Socials';
+
+export default function AuthorWrapper(props: Props): React.ReactNode {
+  // Do not reserve space for socials if they are not provided..
+  return props.author.socials ? <Socials {...props} /> : null;
+}
diff --git a/src/theme/BlogPostItem/Header/Title.tsx b/src/theme/BlogPostItem/Header/Title.tsx
index 9e19ec9..68a932f 100644
--- a/src/theme/BlogPostItem/Header/Title.tsx
+++ b/src/theme/BlogPostItem/Header/Title.tsx
@@ -5,7 +5,7 @@
  * SPDX-License-Identifier: MIT
  *
  * This file was derived from
- * https://github.com/facebook/docusaurus/blob/73016d4936164ba38d4b86ec2aa8c168b5904a21/packages/docusaurus-theme-classic/src/theme/BlogPostItem/Header/Title/index.tsx
+ * https://github.com/facebook/docusaurus/blob/16a789904faec6b847356bad40b766a140c84b89/packages/docusaurus-theme-classic/src/theme/BlogPostItem/Header/Title/index.tsx
  * via the `swizzle` mechanism of Docusaurus.
  *
  * It was modified to embed JSX content directly in the footer.
@@ -13,7 +13,7 @@
 
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
-import { useBlogPost } from '@docusaurus/theme-common/internal';
+import { useBlogPost } from '@docusaurus/plugin-content-blog/client';
 import type { Props } from '@theme/BlogPostItem/Header/Title';
 
 import styles from './Title.module.css';
diff --git a/src/theme/BlogSidebar/Desktop.module.css b/src/theme/BlogSidebar/Desktop.module.css
index 4bac5ba..62d2b66 100644
--- a/src/theme/BlogSidebar/Desktop.module.css
+++ b/src/theme/BlogSidebar/Desktop.module.css
@@ -5,7 +5,7 @@
  * SPDX-License-Identifier: MIT
  *
  * This file was derived from
- * https://github.com/facebook/docusaurus/blob/6f17d5493877ba38d8b4e0b0d468f44401375c30/packages/docusaurus-theme-classic/src/theme/BlogSidebar/Desktop/styles.module.css
+ * https://github.com/facebook/docusaurus/blob/16a789904faec6b847356bad40b766a140c84b89/packages/docusaurus-theme-classic/src/theme/BlogSidebar/Desktop/styles.module.css
  * via the `swizzle` mechanism of Docusaurus.
  *
  * It was modified to change the sidebar title styling.
@@ -51,3 +51,8 @@
     display: none;
   }
 }
+
+.yearGroupHeading {
+  margin-top: 1.6rem;
+  margin-bottom: 0.4rem;
+}
diff --git a/src/theme/BlogSidebar/Desktop.tsx b/src/theme/BlogSidebar/Desktop.tsx
index d06f239..9830388 100644
--- a/src/theme/BlogSidebar/Desktop.tsx
+++ b/src/theme/BlogSidebar/Desktop.tsx
@@ -5,22 +5,38 @@
  * SPDX-License-Identifier: MIT
  *
  * This file was derived from
- * https://github.com/facebook/docusaurus/blob/6f17d5493877ba38d8b4e0b0d468f44401375c30/packages/docusaurus-theme-classic/src/theme/BlogSidebar/Desktop/index.tsx
+ * https://github.com/facebook/docusaurus/blame/16a789904faec6b847356bad40b766a140c84b89/packages/docusaurus-theme-classic/src/theme/BlogSidebar/Desktop/index.tsx
  * via the `swizzle` mechanism of Docusaurus.
  *
  * It was modified to change the sidebar title styling.
  */
 
-import Link from '@docusaurus/Link';
+import React, { memo } from 'react';
+import clsx from 'clsx';
 import { translate } from '@docusaurus/Translate';
-import { useVisibleBlogSidebarItems } from '@docusaurus/theme-common/internal';
+import {
+  useVisibleBlogSidebarItems,
+  BlogSidebarItemList,
+} from '@docusaurus/plugin-content-blog/client';
+import BlogSidebarContent from '@theme/BlogSidebar/Content';
+import type { Props as BlogSidebarContentProps } from '@theme/BlogSidebar/Content';
 import type { Props } from '@theme/BlogSidebar/Desktop';
-import React from 'react';
-import clsx from 'clsx';
 
 import styles from './Desktop.module.css';
 
-export default function BlogSidebarDesktop({ sidebar }: Props) {
+const ListComponent: BlogSidebarContentProps['ListComponent'] = ({ items }) => {
+  return (
+    <BlogSidebarItemList
+      items={items}
+      ulClassName={clsx(styles.sidebarItemList, 'clean-list')}
+      liClassName={styles.sidebarItem}
+      linkClassName={styles.sidebarItemLink}
+      linkActiveClassName={styles.sidebarItemLinkActive}
+    />
+  );
+};
+
+function BlogSidebarDesktop({ sidebar }: Props) {
   const items = useVisibleBlogSidebarItems(sidebar.items);
   return (
     <aside className="col col--3">
@@ -35,21 +51,14 @@ export default function BlogSidebarDesktop({ sidebar }: Props) {
         <div className={clsx(styles.sidebarItemTitle, 'margin-bottom--md')}>
           <span aria-hidden="true">🗓️</span> {sidebar.title}
         </div>
-        <ul className={clsx(styles.sidebarItemList, 'clean-list')}>
-          {items.map((item) => (
-            <li key={item.permalink} className={styles.sidebarItem}>
-              <Link
-                isNavLink
-                to={item.permalink}
-                className={styles.sidebarItemLink}
-                activeClassName={styles.sidebarItemLinkActive}
-              >
-                {item.title}
-              </Link>
-            </li>
-          ))}
-        </ul>
+        <BlogSidebarContent
+          items={items}
+          ListComponent={ListComponent}
+          yearGroupHeadingClassName={styles.yearGroupHeading}
+        />
       </nav>
     </aside>
   );
 }
+
+export default memo(BlogSidebarDesktop);