From e7745c7fa1d368bfaa3c3952d0ffbc27428f23e9 Mon Sep 17 00:00:00 2001
From: Renard
Date: Mon, 16 Sep 2019 12:08:48 -0300
Subject: Breadcrumb!

---
 src/Thread.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'src/Thread.js')

diff --git a/src/Thread.js b/src/Thread.js
index 20dd907..a5d26c2 100644
--- a/src/Thread.js
+++ b/src/Thread.js
@@ -5,12 +5,14 @@ import {
   Loader,
   Message,
   Segment,
-  Comment
+  Comment,
+  Breadcrumb
 } from "semantic-ui-react";
 import Moment from "react-moment";
 import "moment/locale/es";
 import Post from "./Post";
 import ReplyForm from "./ReplyForm";
+import { Link } from "@reach/router";
 
 class Thread extends Component {
   constructor(props) {
@@ -75,8 +77,23 @@ class Thread extends Component {
     } = this.state.thread;
     document.title = subject;
 
+    const currentBoard = this.props.boardList.find(board => {
+      return board.dir === this.props.dir;
+    });
+
     return (
       <React.Fragment>
+        <Breadcrumb>
+          <Breadcrumb.Section link as={Link} to="/">
+            Home
+          </Breadcrumb.Section>
+          <Breadcrumb.Divider icon="right chevron" />
+          <Breadcrumb.Section link as={Link} to={`/board/${currentBoard.dir}`}>
+            {currentBoard.name}
+          </Breadcrumb.Section>
+          <Breadcrumb.Divider icon="right arrow" />
+          <Breadcrumb.Section active>{subject}</Breadcrumb.Section>
+        </Breadcrumb>
         <Header as="h2">
           <Header.Content className="postMessage">
             {subject}
-- 
cgit v1.2.1-18-gbd029