react router skeleton

Author: slhoehn

app/electron/main.js

@@ -1,4 +1,4 @@
-const windowManager = require('electron-window-manager');
+
 const electron = require('electron');
 
 /*
@@ -16,8 +16,6 @@ const {
   ipcMain,
 } = require('electron');
 
-// ELECTRON WINDOW MANAGER
-const windowManager = require('electron-window-manager');
 
 
 // The splash screen is what appears while the app is loading
@@ -130,7 +128,7 @@ async function createWindow() {
   if (isDev) {
     win.webContents.once('dom-ready', () => {
       debug();
-      // win.webContents.openDevTools();
+      win.webContents.openDevTools();
     });
   }
 

app/src/Dashboard/Form.jsx

@@ -3,13 +3,10 @@ import React from 'react';
 
 
 const Form = (props) => {
-  return (<div className = 'form'>
-    <h3>Form 1 </h3>
-    <p>Blah</p>
-    <p>Blah</p>
-    <p>Blah</p>
-
+  return (
+  <div className = 'form'>
+    <h2>{ props.description }</h2>
   </div>);
-} 
+};
 
 export default Form;

app/src/Dashboard/FormsContainer.jsx

@@ -1,16 +1,41 @@
-import React, { useContext } from 'react';
-import { Link } from "react-router-dom";
+import React, { useContext, useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
 
 import Form from './Form.jsx';
 
 
 const FormsContainer = () => {
+  const [tests, updateTests] = useState([]);
+
+  useEffect(() => {
+    console.log('inside useEffect');
+
+    fetch('http://localhost:5000/graphql', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+      },
+      body: JSON.stringify({ query: '{readAllTests { description }}' }),
+    }) 
+      .then(res => res.json())
+      .then((resp) => { 
+        // console.log('resp: ', resp);
+        const myTests = resp.data.readAllTests;
+        console.log('myTests: ', myTests);
+        updateTests(myTests);
+      })
+      .catch(err => console.log('error in readAllTests', err));
+  }, []);
+
+  const forms = tests.map((test, index) => <Form key={index} description={test.description} />);
+
   return (
     <div>
       <Link to="/">
         <button type="button">Go Back</button>
       </Link>
-      <Form/>
+      {forms}
     </div>
   );
 };

app/src/Dashboard/home.html

@@ -3,12 +3,12 @@ const { Tests } = require('../../models/reactypeModels');
 module.exports = {
   readTest: async (parent, args) => {
     const resp = await Tests.findOne({ _id: args.id });
-    if (resp) return { description: args.id };
+    if (resp) return { description: resp.name };
     return { description: 'Error reading' };
   },
   readAllTests: async () => {
     const resp = await Tests.find({});
-    console.log('resp', resp);
+    // console.log('resp', resp);
     if (resp) {
       return resp.map(elem => ({ description: elem.name }));
     }