Merge pull request #3 from hostlikepro/codespace-yakkadev-organic-space-engine-66gx9rrjv5w3qp6

add hover

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",

src/app.scss

@@ -50,6 +50,9 @@ a {
     a:hover {
       color: $primary-color;
     }
+    a.hvr {
+      color: $primary-color;
+    }
   }
 }
 

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>

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>
   );