Breadcrumb!

1 files changed, 15 insertions, 3 deletions

diff --git a/src/Board.js b/src/Board.js
index 34c7967..e5997bc 100644
--- a/src/Board.js
+++ b/src/Board.js
@@ -6,7 +6,8 @@ import {
   Header,
   Image,
   Comment,
-  Divider
+  Divider,
+  Breadcrumb
 } from "semantic-ui-react";
 import { Link } from "@reach/router";
 import Moment from "react-moment";
@@ -76,8 +77,19 @@ class Board extends Component {
       );
     }
 
+    const currentBoard = this.props.boardList.find(board => {
+      return board.dir === this.props.dir;
+    });
+
     return (
-      <div>
+      <React.Fragment>
+        <Breadcrumb>
+          <Breadcrumb.Section link as={Link} to="/">
+            Home
+          </Breadcrumb.Section>
+          <Breadcrumb.Divider icon="right chevron" />
+          <Breadcrumb.Section link>{currentBoard.name}</Breadcrumb.Section>
+        </Breadcrumb>
         {threadList.map(thread => (
           <Segment.Group key={thread.id}>
             <Header as="h4" attached>
@@ -109,7 +121,7 @@ class Board extends Component {
             </Segment>
           </Segment.Group>
         ))}
-      </div>
+      </React.Fragment>
     );
   }
 }