Merge pull request #4 from w1-ll/financeDash

Finance dash

budgetup/src/components/Tables.jsx

@@ -0,0 +1,67 @@
+import React from "react";
+
+export const BudgetForm = () => {
+  return (
+    <div className="bakground-color=grey">
+    <table style={{ backgroundColor: '#f2f2f2', width: '100%' }}>
+      <tbody>
+        <tr>
+          <td>
+            <label>
+              Groceries:
+              <input type="text" name="Groceries" />
+            </label>
+          </td>
+          <td>
+            <input type="submit" value="Submit" />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <label>
+             Resteraunts:
+              <input type="text" name="Restaurants" />
+            </label>
+          </td>
+          <td>
+            <input type="submit" value="Submit" />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <label>
+            Rent/Mortgage
+              <input type="text" name="Rent/Mortgage" />
+            </label>
+          </td>
+          <td>
+            <input type="submit" value="Submit" />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <label>
+              Debt owed:
+              <input type="text" name="Debt" />
+            </label>
+          </td>
+          <td>
+            <input type="submit" value="Submit" />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <label>
+              Childcare: 
+              <input type="text" name="Children" />
+            </label>
+          </td>
+          <td>
+            <input type="submit" value="Submit" />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    </div>
+  );
+};

budgetup/src/pages/Finance_Dashboard.js

@@ -0,0 +1,9 @@
+import React, { useState } from 'react';
+import { BudgetForm } from '../components/Tables'
+
+function Dashboard() {
+
+  return ( <div className="Dashboard"> <BudgetForm /> </div> );
+}
+
+export default Dashboard;