From 595ffc459d502f9b20154cea418fa9a0e134c87e Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Wed, 9 Jun 2021 02:10:12 -0400
Subject: [PATCH] Added links to menu

---
 src/App.css | 14 ++++++++++++--
 src/App.jsx |  8 ++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index 8585800..3f3df4e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,9 +1,9 @@
 :root {
   --main: #943EC5;
-  --main-dark: #8537B1;
   --text: #212121;
   --background: #fff;
   --scrollbar: #ccc;
+  --icon: #AAB7B8;
 }
 
 body {
@@ -15,6 +15,14 @@ body {
   margin-right: 2px;
 }
 
+a {
+  color: var(--icon);
+}
+
+a:hover {
+  color: var( --main);
+}
+
 .header {
   width: 100%;
   display: flex;
@@ -31,6 +39,8 @@ body {
 .menu {
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  width: 52px;
   margin: 0 6px 0 0;
 }
 
@@ -49,7 +59,7 @@ tr {
 }
 
 tr:hover {
-  color: var(--main-dark);
+  color: var(--main);
   cursor: pointer;
 }
 
diff --git a/src/App.jsx b/src/App.jsx
index 8a5130c..5dc1290 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -62,8 +62,12 @@ const App = () => {
       <div className="header">
         <div className="logoImage" />
         <div className="menu">
-          <FontAwesomeIcon icon={faExternalLinkAlt} size="lg" color="#AAB7B8" />
-          <FontAwesomeIcon icon={faCog} size="lg" color="#AAB7B8" />
+          <a href="url" target="_blank">
+            <FontAwesomeIcon icon={faExternalLinkAlt} size="lg" />
+          </a>
+          <a href="url" target="_blank">
+            <FontAwesomeIcon icon={faCog} size="lg" />
+          </a>
         </div>
       </div>
       <table>