UPDATE hardcoded links to json

Author: arakilian0

config.json

@@ -2,6 +2,8 @@
     "server": false,
     "port": 2323,
     "tabURL": "",
+    "docs": "https://google.com",
+    "docsInstall": "https://instagram.com",
     "state": true,
     "theme": "dark",
     "page": "auth",

src/comps/Header.js

@@ -3,7 +3,7 @@ import './Icon.js'
 import manifest from '../../manifest.json' assert {type: 'json'}
 
 chrome.storage.local.get(function(result) {
-    let theme,page,state
+    let theme,page,state,docs = result.docs
 
     result.state === true ? state = 'toggle_on': state = 'toggle_off'
     result.theme === 'dark' ? theme = 'light_mode': theme = 'dark_mode'
@@ -12,7 +12,7 @@ chrome.storage.local.get(function(result) {
     const header = 
     `<header>
         <div>
-            <snipx-logo text="${manifest.name}"></snipx-logo>
+            <snipx-logo href="${docs}" text="${manifest.name}"></snipx-logo>
         </div>
         <div>
             <snipx-icon icon="${state}"></snipx-icon>

src/comps/Logo.js

@@ -1,7 +1,7 @@
 export default class SnipxLogo extends HTMLElement {
     constructor() {
         super()
-        this.innerHTML = `<a href="https://google.com" target="_blank">${this.getAttribute('text')}</a>`
+        this.innerHTML = `<a href="${this.getAttribute('href')}" target="_blank">${this.getAttribute('text')}</a>`
     }
 }
 

src/pages/Auth.js

@@ -1,16 +1,18 @@
-// wrap in a chrome.storage.local.get()
-// use link from config file
-const auth = 
-`<main id="auth">
-    <p>Your server isn't running.</p>
-    <a href="https://google.com" target="_blank">How to run SnipX</a>
-</main>`
-
-export default class SnipxAuth extends HTMLElement {
-    constructor() {
-        super()
-        this.innerHTML = auth
-    }
-}
-
-window.customElements.define('snipx-auth', SnipxAuth)
+export default (function() {
+    chrome.storage.local.get(function(result) {
+        const auth = 
+        `<main id="auth">
+            <p>Your server isn't running.</p>
+            <a href="${result.docsInstall}" target="_blank">How to run SnipX</a>
+        </main>`
+    
+        class SnipxAuth extends HTMLElement {
+            constructor() {
+                super()
+                this.innerHTML = auth
+            }
+        }
+        
+        window.customElements.define('snipx-auth', SnipxAuth)
+    })
+})()