back to article list + read only when time is known

src/components/Feed/Feed.tsx

@@ -42,7 +42,7 @@ const Feed: React.FC<Props> = ({ edges }: Props) => (
         </h2>
         <p className={styles.description}>{edge.node.frontmatter.description}</p>
         <Link className={styles.more} to={edge.node.fields.slug}>
-          Read ({edge.node.fields.readingTime?.text})
+          {edge.node.fields.readingTime?.text && <>Read ({edge.node.fields.readingTime?.text})</>}
         </Link>
       </div>
     ))}

src/components/Feed/__snapshots__/Feed.test.tsx.snap

@@ -30,10 +30,7 @@ exports[`Feed renders correctly 1`] = `
     </p>
     <a
       href="/posts/perfecting-the-art-of-perfection"
-    >
-      Read (
-      )
-    </a>
+    />
   </div>
   <div>
     <div>
@@ -63,10 +60,7 @@ exports[`Feed renders correctly 1`] = `
     </p>
     <a
       href="/posts/the-birth-of-movable-type"
-    >
-      Read (
-      )
-    </a>
+    />
   </div>
 </div>
 `;

src/components/Post/Content/__snapshots__/Content.test.tsx.snap

@@ -30,7 +30,7 @@ exports[`Content renders correctly 1`] = `
       className="hideInPrintView"
     >
       <a
-        href="/"
+        onClick={[Function]}
         style={
           {
             "lineHeight": "50px",
@@ -38,7 +38,7 @@ exports[`Content renders correctly 1`] = `
           }
         }
       >
-        ↩ All articles
+        ↩ Back to articles
       </a>
       <span
         className="hideInPrintView"

src/components/Post/__snapshots__/Post.test.tsx.snap

@@ -31,7 +31,7 @@ exports[`Post renders correctly 1`] = `
         className="hideInPrintView"
       >
         <a
-          href="/"
+          onClick={[Function]}
           style={
             {
               "lineHeight": "50px",
@@ -39,7 +39,7 @@ exports[`Post renders correctly 1`] = `
             }
           }
         >
-          ↩ All articles
+          ↩ Back to articles
         </a>
         <span
           className="hideInPrintView"

src/components/PostHeader/PostHeader.tsx

@@ -1,5 +1,5 @@
 import { Image } from "@/components/Image";
-import { Link } from "gatsby";
+import { Link, navigate } from "gatsby";
 import React, { FunctionComponent } from "react";
 import { ThemeSwitcher } from "../ThemeSwitcher/ThemeSwitcher";
 import * as styles from "./PostHeader.module.scss";
@@ -24,9 +24,9 @@ export const PostHeader: FunctionComponent<Props> = ({ author }) => {
       </span>
 
       <span className="hideInPrintView">
-        <Link to="/" style={{ lineHeight: "50px", marginRight: "10px" }}>
-          ↩ All articles
-        </Link>
+        <a onClick={() => navigate(-1)} style={{ lineHeight: "50px", marginRight: "10px" }}>
+          ↩ Back to articles
+        </a>
         <ThemeSwitcher showLabel={false} />
       </span>
     </div>

src/templates/CategoryTemplate/__snapshots__/CategoryTemplate.test.tsx.snap

@@ -281,10 +281,7 @@ exports[`CategoryTemplate renders correctly 1`] = `
             </p>
             <a
               href="/posts/perfecting-the-art-of-perfection"
-            >
-              Read (
-              )
-            </a>
+            />
           </div>
           <div>
             <div>
@@ -314,10 +311,7 @@ exports[`CategoryTemplate renders correctly 1`] = `
             </p>
             <a
               href="/posts/the-birth-of-movable-type"
-            >
-              Read (
-              )
-            </a>
+            />
           </div>
         </div>
         <div

src/templates/IndexTemplate/__snapshots__/IndexTemplate.test.tsx.snap

@@ -278,10 +278,7 @@ exports[`IndexTemplate renders correctly 1`] = `
             </p>
             <a
               href="/posts/perfecting-the-art-of-perfection"
-            >
-              Read (
-              )
-            </a>
+            />
           </div>
           <div>
             <div>
@@ -311,10 +308,7 @@ exports[`IndexTemplate renders correctly 1`] = `
             </p>
             <a
               href="/posts/the-birth-of-movable-type"
-            >
-              Read (
-              )
-            </a>
+            />
           </div>
         </div>
         <div

src/templates/PostTemplate/__snapshots__/PostTemplate.test.tsx.snap

@@ -32,7 +32,7 @@ exports[`PostTemplate renders correctly 1`] = `
           className="hideInPrintView"
         >
           <a
-            href="/"
+            onClick={[Function]}
             style={
               {
                 "lineHeight": "50px",
@@ -40,7 +40,7 @@ exports[`PostTemplate renders correctly 1`] = `
               }
             }
           >
-            ↩ All articles
+            ↩ Back to articles
           </a>
           <span
             className="hideInPrintView"

src/templates/TagTemplate/__snapshots__/TagTemplate.test.tsx.snap

@@ -281,10 +281,7 @@ exports[`TagTemplate renders correctly 1`] = `
             </p>
             <a
               href="/posts/perfecting-the-art-of-perfection"
-            >
-              Read (
-              )
-            </a>
+            />
           </div>
           <div>
             <div>
@@ -314,10 +311,7 @@ exports[`TagTemplate renders correctly 1`] = `
             </p>
             <a
               href="/posts/the-birth-of-movable-type"
-            >
-              Read (
-              )
-            </a>
+            />
           </div>
         </div>
         <div