From e21a1c15a2e4bf3e51cdd7a5671bbfee5837ef13 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Tue, 15 Jun 2021 19:20:04 +0530
Subject: Using react-router to switch pages

---
 src/components/Menu/HomePageMenu.js   | 9 +++++----
 src/components/Menu/HomePageMenu.scss | 2 ++
 2 files changed, 7 insertions(+), 4 deletions(-)

(limited to 'src/components/Menu')

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 {
-- 
cgit v1.2.3