Reading some data from SQL

api/server.js

@@ -13,15 +13,6 @@ var con = mysql.createConnection({
     database: "home_page"
   });
 
-function getData(table) {
-    con.connect();
-    con.query((sql + table), (error, results, fields) => {
-        if (error) throw error;
-        return results;
-      });
-    con.end();
-}
-
 //Read bookmarks
 try {
     var links = require('../src/links.json');
@@ -69,10 +60,7 @@ if (fs.existsSync('../src/apps.json')) {
 }
 
 //Read everything else
-const providers = require('../src/providers.json');
 const themes = require('../src/themes.json');
-const messages = getData('messages');
-
 // initializing app
 const app = express();
 
@@ -95,7 +83,11 @@ app.get("/sui/api/links", (req, res) => {
 });
 
 app.get("/sui/api/providers", (req, res) => {
-    res.status(200).send(providers.providers);
+    con.query('SELECT * FROM providers', (error, results, fields) => {
+        if (error) throw error;
+        res.status(200).send(results);
+      });
+
 });
 
 app.get("/sui/api/themes", (req, res) => {
@@ -103,11 +95,17 @@ app.get("/sui/api/themes", (req, res) => {
 });
 
 app.get("/sui/api/personaldata", (req, res) => {
-    res.status(200).send(personaldata);
+    con.query('SELECT * FROM personaldata', (error, results, fields) => {
+        if (error) throw error;
+        res.status(200).send(results);
+      });
 });
 
 app.get("/sui/api/messages", (req, res) => {
-    res.status(200).send(messages);
+    con.query('SELECT * FROM messages', (error, results, fields) => {
+        if (error) throw error;
+        res.status(200).send(results);
+      });
 });
 
 app.post("/sui/api/appUpdate", jsonParser, (req, res) => {

src/components/MessageInfo.js

@@ -20,7 +20,6 @@ function MessageInfo() {
           <Messages
             key={index}
             group={index+1}
-            index={greetings.index}
             greeting={greetings.message}
             easterEgg={greetings.easteregg}
           />

src/components/Messages.js

@@ -1,17 +1,15 @@
 function Messages(props) {
 
     var eeChecked;
-    if(props.easterEgg === "TRUE") {
+    if(props.easterEgg === 1) {
       eeChecked = true;
-    } else if(props.easterEgg === "FALSE") {
+    } else if(props.easterEgg === 0) {
       eeChecked = false;
     } else {
       eeChecked = false;
     }
     return (
       <div id="messageGrid" title={props.group}>
-        <label htmlFor="index">Index</label>
-        <input id="index" type="text" defaultValue={props.index}></input>
         <label htmlFor="greeting">Greeting</label>
         <input id="greeting" type="text" defaultValue={props.greeting}></input>
         <label htmlFor="Easter Egg">Easter Egg</label>