From bf45a32d1e3843eec17436b9b1837f57fd8aa884 Mon Sep 17 00:00:00 2001
From: Ivana Maldonado <ivana.a.maldonado@gmail.com>
Date: Wed, 29 Jun 2022 12:50:50 -0400
Subject: [PATCH] adds new boardList and newCardForm files.

---
 src/boardList.js   | 25 +++++++++++++++++++++++++
 src/newCardForm.js | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+)
 create mode 100644 src/boardList.js
 create mode 100644 src/newCardForm.js

diff --git a/src/boardList.js b/src/boardList.js
new file mode 100644
index 000000000..79cdfffd1
--- /dev/null
+++ b/src/boardList.js
@@ -0,0 +1,25 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+// need to import board 
+
+// NEED TO CREATE CSS FILE 
+
+
+const BordList = ({ boards, selectBoard }) => {
+    const displayBoard = boards.map((board => {
+        return <ul>{board.title}</ul>
+    });
+
+    return (
+        <section>
+            <li>{{displayBoard}}</li>
+        </section>
+    )
+}
+
+
+BoardList.propTypes = { 
+    boards: PropTypes.array.isRequired,
+}
+
+export default BoardList;
diff --git a/src/newCardForm.js b/src/newCardForm.js
new file mode 100644
index 000000000..98a665a53
--- /dev/null
+++ b/src/newCardForm.js
@@ -0,0 +1,33 @@
+import React, { use state } from 'react';
+import PropTypes from 'prop-types';
+
+const newCardForm = ({ createCardFunction }) => {
+    // State to toogle form
+    const [isVisible, setVisible] = useState(false);
+
+    // State to submit new form 
+    const [newCardMessage, setCardMessage] = useState({cardMessage: ''});
+
+    // Event Handler to toggle form:
+    const toggleCardForm = (event) =>  {
+        event.preventDefault();
+        // finish event handler
+    }
+
+ 
+
+
+    return (
+        <section className='new-card-form'>
+            <h1>Add A New Card</h1>
+            <form>
+                <label className='new-card-label'>New Card Message:</label>
+                <input className='new-card-input' type='text' ></input>w
+                <button className='new-card-submit-button'>submit</button>
+            </form>
+        </section>
+    )
+}
+
+
+export default NewCard Form;
\ No newline at end of file