diff options
author | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-06-15 19:20:04 +0530 |
---|---|---|
committer | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-06-15 19:20:04 +0530 |
commit | e21a1c15a2e4bf3e51cdd7a5671bbfee5837ef13 (patch) | |
tree | bfeaa64c1d2ac00570d104ae9ee0e60720d55ba5 /src/components/Menu | |
parent | 4f67c1cca24ac93f5e8b7a9108c028e6c2794d74 (diff) |
Using react-router to switch pages
Diffstat (limited to 'src/components/Menu')
-rw-r--r-- | src/components/Menu/HomePageMenu.js | 9 | ||||
-rw-r--r-- | src/components/Menu/HomePageMenu.scss | 2 |
2 files changed, 7 insertions, 4 deletions
diff --git a/src/components/Menu/HomePageMenu.js b/src/components/Menu/HomePageMenu.js index 29295bb..92f2a8d 100644 --- a/src/components/Menu/HomePageMenu.js +++ b/src/components/Menu/HomePageMenu.js @@ -7,17 +7,18 @@ */ import React from "react"; +import {Link} from "react-router-dom"; import "./HomePageMenu.scss"; const HomePageMenu = () => { return ( <div className="HomePageMenu"> - <span className="menuItem"> + <Link className="menuItem" to="BillingPage"> Create Invoice - </span> - <span className="menuItem"> + </Link> + <Link className="menuItem" to="pepe"> Don't Create Invoice - </span> + </Link> </div> ) } diff --git a/src/components/Menu/HomePageMenu.scss b/src/components/Menu/HomePageMenu.scss index e9497ad..bc46e08 100644 --- a/src/components/Menu/HomePageMenu.scss +++ b/src/components/Menu/HomePageMenu.scss @@ -11,7 +11,9 @@ .HomePageMenu .menuItem { text-align: center; + text-decoration: none; font-size: $fontSize2; + color: $defFG; } .HomePageMenu .menuItem:hover { |