From 563c013b3b0f09de57026ad685b0f08ef7525424 Mon Sep 17 00:00:00 2001
From: Ilya <117220282+YakkaDev@users.noreply.github.com>
Date: Sun, 19 Mar 2023 02:12:16 +0000
Subject: [PATCH] add hover

---
 package-lock.json        | 3 +--
 src/app.scss             | 3 +++
 src/components/header.js | 2 +-
 src/components/link.js   | 4 ++--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 71ece89..37de6ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2,14 +2,13 @@
   "name": "@hostlikepro/uptime-status",
   "version": "1.0.1",
   "lockfileVersion": 2,
-  "repository":"https://github.com/hostlikepro/RoboUptime",
   "requires": true,
+  "repository": "https://github.com/hostlikepro/RoboUptime",
   "packages": {
     "": {
       "name": "@hostlikepro/uptime-status",
       "version": "1.0.1",
       "license": "MIT",
-	  "repository":"https://github.com/hostlikepro/RoboUptime",
       "dependencies": {
         "axios": "^0.27.2",
         "dayjs": "^1.11.3",
diff --git a/src/app.scss b/src/app.scss
index 6124068..4f3a426 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -50,6 +50,9 @@ a {
     a:hover {
       color: $primary-color;
     }
+    a.hvr {
+      color: $primary-color;
+    }
   }
 }
 
diff --git a/src/components/header.js b/src/components/header.js
index 128bda5..94332ba 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -13,7 +13,7 @@ function Header() {
         <h1 className='logo'>{window.Config.SiteName}</h1>
         <div className='navi'>
           {window.Config.Navi.map((item, index) => (
-            <Link key={index} to={item.url} tar={item.target} text={item.text} />
+            <Link key={index} hvr={item.hover} to={item.url} tar={item.target} text={item.text} />
           ))}
         </div>
       </div>
diff --git a/src/components/link.js b/src/components/link.js
index 49316fa..968c308 100644
--- a/src/components/link.js
+++ b/src/components/link.js
@@ -1,6 +1,6 @@
-function Link(props = { text, to, tar }) {
+function Link(props = { text, hvr, to, tar }) {
   return (
-    <a {...props} href={props.to} target={props.tar}>
+    <a {...props} class={props.hvr} href={props.to} target={props.tar}>
       {props.text}
     </a>
   );