aboutsummaryrefslogtreecommitdiff
path: root/src/components/Menu
diff options
context:
space:
mode:
authorMikunoNaka <bokuwakanojogahoshii@yahoo.com>2021-06-15 19:20:04 +0530
committerMikunoNaka <bokuwakanojogahoshii@yahoo.com>2021-06-15 19:20:04 +0530
commite21a1c15a2e4bf3e51cdd7a5671bbfee5837ef13 (patch)
treebfeaa64c1d2ac00570d104ae9ee0e60720d55ba5 /src/components/Menu
parent4f67c1cca24ac93f5e8b7a9108c028e6c2794d74 (diff)
Using react-router to switch pages
Diffstat (limited to 'src/components/Menu')
-rw-r--r--src/components/Menu/HomePageMenu.js9
-rw-r--r--src/components/Menu/HomePageMenu.scss2
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 {