Add a NavButton

Renders a link for navigation pages
dusty-phillips · Feb 3, 2021 · 809689c · 809689c
1 parent 8b2c890
commit 809689c
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/src/NavBar.bs.js b/src/NavBar.bs.js
diff --git a/src/NavBar.res b/src/NavBar.res
@@ -1,3 +1,16 @@
+module NavButton = {
+  @react.component
+  let make = (~name: string, ~selected: string, ~linkTo: string) => {
+    let style = if selected == name {
+      ReactDOM.Style.make(~backgroundColor="#656565", ~padding="1ex", ())
+    } else {
+      ReactDOM.Style.make(~backgroundColor="#efefef", ~padding="1ex", ())
+    }
+
+    <div style={style} onClick={_ => ReasonReactRouter.push(linkTo)}> {React.string(name)} </div>
+  }
+}
+
 @react.component
 let make = () => {
   let url = ReasonReactRouter.useUrl()