From ae1dec543e32081faed1d2cb11c0b95dfae80ced Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 14 Nov 2019 01:15:41 +0300
Subject: [PATCH] fix(v2): make not clickable post title on post item page
 (#1962)

* fix(v2): make not clickable post title on post item page

* Refactor: move to props

* refactor: use explicit boolean value

* Revert last commit
---
 .../src/theme/BlogPostItem/index.js                    | 10 ++++++++--
 .../src/theme/BlogPostPage/index.js                    |  5 ++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
index adb61dd727..dbb84d9298 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
@@ -15,7 +15,13 @@ import MDXComponents from '@theme/MDXComponents';
 import styles from './styles.module.css';
 
 function BlogPostItem(props) {
-  const {children, frontMatter, metadata, truncated} = props;
+  const {
+    children,
+    frontMatter,
+    metadata,
+    truncated,
+    isBlogPostPage = false,
+  } = props;
   const {date, permalink, tags} = metadata;
   const {author, authorURL, authorTitle, authorFBID, title} = frontMatter;
 
@@ -45,7 +51,7 @@ function BlogPostItem(props) {
     return (
       <header>
         <h1 className={classnames('margin-bottom--sm', styles.blogPostTitle)}>
-          <Link to={permalink}>{title}</Link>
+          {isBlogPostPage ? title : <Link to={permalink}>{title}</Link>}
         </h1>
         <div className="margin-bottom--sm">
           <time dateTime={date} className={styles.blogPostDate}>
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.js b/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.js
index 553d86ab91..7237e2b5c7 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.js
@@ -20,7 +20,10 @@ function BlogPostPage(props) {
         <div className="container margin-vert--xl">
           <div className="row">
             <div className="col col--8 col--offset-2">
-              <BlogPostItem frontMatter={frontMatter} metadata={metadata}>
+              <BlogPostItem
+                frontMatter={frontMatter}
+                metadata={metadata}
+                isBlogPostPage>
                 <BlogPostContents />
               </BlogPostItem>
               {(metadata.nextItem || metadata.prevItem) && (