diff --git a/package-lock.json b/package-lock.json
index 0d789ea1..0bb6247b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -80,14 +80,21 @@
"integrity": "sha512-z55ocwKBRLryBs394Sm3ushTtBeg6VAeuku7utSoSnsJKvKcnXFIyC6vh27n3rXyxSgkJBBCAvyOn7gSUcTYjg=="
},
"ajv": {
- "version": "5.5.2",
- "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
- "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+ "version": "6.5.1",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.1.tgz",
+ "integrity": "sha512-pgZos1vgOHDiC7gKNbZW8eKvCnNXARv2oqrGQT7Hzbq5Azp7aZG6DJzADnkuSq7RH6qkXp4J/m68yPX/2uBHyQ==",
"requires": {
- "co": "4.6.0",
- "fast-deep-equal": "1.1.0",
+ "fast-deep-equal": "2.0.1",
"fast-json-stable-stringify": "2.0.0",
- "json-schema-traverse": "0.3.1"
+ "json-schema-traverse": "0.4.1",
+ "uri-js": "4.2.2"
+ },
+ "dependencies": {
+ "json-schema-traverse": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+ }
}
},
"ajv-keywords": {
@@ -3167,6 +3174,17 @@
"text-table": "0.2.0"
},
"dependencies": {
+ "ajv": {
+ "version": "5.5.2",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+ "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+ "requires": {
+ "co": "4.6.0",
+ "fast-deep-equal": "1.1.0",
+ "fast-json-stable-stringify": "2.0.0",
+ "json-schema-traverse": "0.3.1"
+ }
+ },
"ansi-regex": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
@@ -3195,6 +3213,11 @@
"resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.0.tgz",
"integrity": "sha512-oftTcaMu/EGrEIu904mWteKIv8vMuOgGYo7EhVJJN00R/EED9DCua/xxHRdYnKtcECzVg7xOWhflvJMnqcFZjw=="
},
+ "fast-deep-equal": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+ "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ="
+ },
"js-yaml": {
"version": "3.12.0",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
@@ -3757,9 +3780,9 @@
"integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
},
"fast-deep-equal": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
- "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ="
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+ "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
},
"fast-json-stable-stringify": {
"version": "2.0.0",
@@ -4780,6 +4803,24 @@
"requires": {
"ajv": "5.5.2",
"har-schema": "2.0.0"
+ },
+ "dependencies": {
+ "ajv": {
+ "version": "5.5.2",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+ "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+ "requires": {
+ "co": "4.6.0",
+ "fast-deep-equal": "1.1.0",
+ "fast-json-stable-stringify": "2.0.0",
+ "json-schema-traverse": "0.3.1"
+ }
+ },
+ "fast-deep-equal": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+ "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ="
+ }
}
},
"has": {
@@ -6085,6 +6126,21 @@
"resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-20.0.3.tgz",
"integrity": "sha1-i8Bw6QQUqhVcEajWTIaaDVxx2lk="
},
+ "jest-mock-axios": {
+ "version": "2.1.11",
+ "resolved": "https://registry.npmjs.org/jest-mock-axios/-/jest-mock-axios-2.1.11.tgz",
+ "integrity": "sha512-rxF13chmHuelAh/rysNQEY4YqmOO94XmBO5Mk2+edFh2dOwe3j/XIRSnY8+m61t1658AU6nGoTh1s7tCgvridg==",
+ "dev": true,
+ "requires": {
+ "jest-mock-promise": "1.0.23"
+ }
+ },
+ "jest-mock-promise": {
+ "version": "1.0.23",
+ "resolved": "https://registry.npmjs.org/jest-mock-promise/-/jest-mock-promise-1.0.23.tgz",
+ "integrity": "sha1-ySH9a1EqxUYJftvPR389QWllfkA=",
+ "dev": true
+ },
"jest-regex-util": {
"version": "20.0.3",
"resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-20.0.3.tgz",
@@ -9754,6 +9810,24 @@
"integrity": "sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=",
"requires": {
"ajv": "5.5.2"
+ },
+ "dependencies": {
+ "ajv": {
+ "version": "5.5.2",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+ "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+ "requires": {
+ "co": "4.6.0",
+ "fast-deep-equal": "1.1.0",
+ "fast-json-stable-stringify": "2.0.0",
+ "json-schema-traverse": "0.3.1"
+ }
+ },
+ "fast-deep-equal": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+ "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ="
+ }
}
},
"select-hose": {
@@ -11086,6 +11160,17 @@
"yargs": "8.0.2"
},
"dependencies": {
+ "ajv": {
+ "version": "5.5.2",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+ "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+ "requires": {
+ "co": "4.6.0",
+ "fast-deep-equal": "1.1.0",
+ "fast-json-stable-stringify": "2.0.0",
+ "json-schema-traverse": "0.3.1"
+ }
+ },
"ajv-keywords": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-2.1.1.tgz",
@@ -11118,6 +11203,11 @@
}
}
},
+ "fast-deep-equal": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+ "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ="
+ },
"has-flag": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
diff --git a/package.json b/package.json
index ba61363d..88c61cd8 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
"version": "0.1.0",
"private": true,
"dependencies": {
+ "ajv": "^6.5.1",
"axios": "^0.18.0",
"emoji-dictionary": "^1.0.9",
"react": "^16.4.0",
@@ -20,7 +21,8 @@
"devDependencies": {
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
- "gh-pages": "^1.2.0"
+ "gh-pages": "^1.2.0",
+ "jest-mock-axios": "^2.1.11"
},
- "homepage": "http://adagold.github.io/inspiration-board"
+ "homepage": "http://npeters5.github.io/inspiration-board"
}
diff --git a/src/App.test.js b/src/App.test.js
index 5a29f6cb..ccdfcb11 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -11,4 +11,10 @@ describe('App', () => {
ReactDOM.unmountComponentAtNode(div);
});
+ test('that it renders App with shallow rendering', () => {
+ const wrapper = shallow();
+ expect(wrapper).toMatchSnapshot();
+ wrapper.unmount();
+ });
+
});
diff --git a/src/__snapshots__/App.test.js.snap b/src/__snapshots__/App.test.js.snap
new file mode 100644
index 00000000..a158d8d8
--- /dev/null
+++ b/src/__snapshots__/App.test.js.snap
@@ -0,0 +1,201 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`App that it renders App with shallow rendering 1`] = `
+ShallowWrapper {
+ "length": 1,
+ Symbol(enzyme.__root__): [Circular],
+ Symbol(enzyme.__unrendered__): ,
+ Symbol(enzyme.__renderer__): Object {
+ "batchedUpdates": [Function],
+ "getNode": [Function],
+ "render": [Function],
+ "simulateEvent": [Function],
+ "unmount": [Function],
+ },
+ Symbol(enzyme.__node__): Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+
+
+ Inspiration Board
+
+
+,
+ ,
+ ],
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children":
+
+ Inspiration Board
+
+
,
+ "className": "header",
+ },
+ "ref": null,
+ "rendered": Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children":
+ Inspiration Board
+,
+ "className": "header__h1",
+ },
+ "ref": null,
+ "rendered": Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Inspiration Board",
+ "className": "header__text",
+ },
+ "ref": null,
+ "rendered": "Inspiration Board",
+ "type": "span",
+ },
+ "type": "h1",
+ },
+ "type": "header",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "class",
+ "props": Object {
+ "boardName": "Ada-Lovelace",
+ "url": "https://inspiration-board.herokuapp.com/boards/",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": [Function],
+ },
+ ],
+ "type": "section",
+ },
+ Symbol(enzyme.__nodes__): Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+
+
+ Inspiration Board
+
+
+,
+ ,
+ ],
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children":
+
+ Inspiration Board
+
+
,
+ "className": "header",
+ },
+ "ref": null,
+ "rendered": Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children":
+ Inspiration Board
+,
+ "className": "header__h1",
+ },
+ "ref": null,
+ "rendered": Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Inspiration Board",
+ "className": "header__text",
+ },
+ "ref": null,
+ "rendered": "Inspiration Board",
+ "type": "span",
+ },
+ "type": "h1",
+ },
+ "type": "header",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "class",
+ "props": Object {
+ "boardName": "Ada-Lovelace",
+ "url": "https://inspiration-board.herokuapp.com/boards/",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": [Function],
+ },
+ ],
+ "type": "section",
+ },
+ ],
+ Symbol(enzyme.__options__): Object {
+ "adapter": ReactSixteenAdapter {
+ "options": Object {
+ "enableComponentDidUpdateOnSetState": true,
+ },
+ },
+ },
+}
+`;
diff --git a/src/components/Board.js b/src/components/Board.js
index 9222fd88..84af8f7f 100644
--- a/src/components/Board.js
+++ b/src/components/Board.js
@@ -16,18 +16,81 @@ class Board extends Component {
};
}
+ componentDidMount = () => {
+ // console.log("Component did mount was called");
+ axios.get('https://inspiration-board.herokuapp.com/boards/nora/cards')
+ .then((response) => {
+ console.log(response.data);
+ this.setState({cards: response.data});
+ })
+ .catch((error) => {
+ this.setState({error: error.message});
+ });
+ }
+
+ addCard = (card) => {
+ const cards = this.state.cards;
+ console.log(this.state.cards);
+
+ axios.post('https://inspiration-board.herokuapp.com/boards/nora/cards', card)
+ .then((response) => {
+ console.log(response);
+ card.id = response.data.card.id;
+ cards.push({card: card});
+ this.setState({
+ cards,
+ message: `Successfully added card`
+ });
+ alert( `Successfully added card`)
+ })
+ .catch((error) => {
+ this.setState({
+ message: error.message,
+ });
+ });
+ }
+
+ renderCardList = () => {
+ const cardList = this.state.cards.map((item, index) => {
+ // console.log(item);
+ return (
+
+ );
+ });
+ return cardList;
+ }
+
+ removeCard = (id) => {
+ axios.delete(`https://inspiration-board.herokuapp.com/boards/nora/cards/${id}`)
+ .then((response) => {
+ // console.log(response.data);
+ this.componentDidMount();
+ })
+ .catch((error) => {
+ console.log(error);
+ this.setState({error: error.message});
+ });
+ }
+
render() {
return (
-
- Board
+
+ {this.renderCardList()}
+
)
}
-
}
Board.propTypes = {
-
+ url: PropTypes.string.isRequired,
+ boardName: PropTypes.string.isRequired,
};
export default Board;
diff --git a/src/components/Board.test.js b/src/components/Board.test.js
index e69de29b..cf61cd52 100644
--- a/src/components/Board.test.js
+++ b/src/components/Board.test.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import Board from './Board';
+import { mount, shallow } from 'enzyme';
+
+describe('Board', () => {
+ test('that it matches an existing snapshot', () => {
+ // First Mount the Component in the testing DOM
+ // Arrange
+ // Deep rendering
+ const wrapper = mount(
);
+
+ // Assert that it looks like the last snapshot and if not, take a new one (?)
+ expect(wrapper).toMatchSnapshot();
+
+ // Remove the component from the DOM (save memory and prevent side effects).
+ wrapper.unmount();
+ });
+});
diff --git a/src/components/Card.css b/src/components/Card.css
index e86d4329..db6761f0 100644
--- a/src/components/Card.css
+++ b/src/components/Card.css
@@ -44,4 +44,6 @@
.card__delete {
align-self: start;
font-family: 'Permanent Marker', Helvetica, sans-serif;
+ padding-left: 10px;
+ cursor: pointer;
}
diff --git a/src/components/Card.js b/src/components/Card.js
index 6788cc03..7c2ba6fa 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -1,21 +1,38 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import emoji from 'emoji-dictionary';
+import axios from 'axios';
+
import './Card.css';
class Card extends Component {
+
+ onDeleteClick = (event) => {
+ console.log(event.target.id);
+ event.preventDefault();
+ this.props.removeCard(event.target.id);
+ }
+
render() {
+
return (
- Card
+
x
+
+ {this.props.text}
+ {emoji.getUnicode(String(this.props.emoji))}
+
)
}
}
Card.propTypes = {
-
+ id: PropTypes.number,
+ text: PropTypes.string,
+ emoji: PropTypes.string,
+ removeCard: PropTypes.func,
};
export default Card;
diff --git a/src/components/NewCardForm.js b/src/components/NewCardForm.js
index 47331423..727598f3 100644
--- a/src/components/NewCardForm.js
+++ b/src/components/NewCardForm.js
@@ -3,4 +3,75 @@ import PropTypes from 'prop-types';
import emoji from 'emoji-dictionary';
import './NewCardForm.css';
-const EMOJI_LIST = ["", "heart_eyes", "beer", "clap", "sparkling_heart", "heart_eyes_cat", "dog"]
+const EMOJI_LIST = ["", "heart_eyes", "beer", "clap", "sparkling_heart", "heart_eyes_cat", "dog", "robot"]
+
+class NewCardForm extends Component {
+ constructor() {
+ super();
+ this.state = {
+ text: '',
+ emoji: '',
+ };
+ }
+
+ onFieldChange = (event) => {
+ const fieldName = event.target.name;
+ const fieldValue = event.target.value
+ const updateState = {};
+ updateState[fieldName] = fieldValue;
+ this.setState(updateState);
+ }
+
+ // valid = () => {
+ // return this.state.name.length > 0 && this.state.age > 0
+ // }
+
+ clearForm = () => {
+ this.setState({
+ text: '',
+ emoji: '',
+ });
+ }
+
+ onFormSubmit = (event) => {
+ event.preventDefault();
+ this.props.addCardCallback(this.state);
+ this.clearForm();
+ }
+
+ render() {
+ return (
+
+ )
+ }
+}
+
+NewCardForm.propTypes = {
+ addCardCallback: PropTypes.func.isRequired,
+}
+
+export default NewCardForm;
diff --git a/src/components/NewCardForm.test.js b/src/components/NewCardForm.test.js
index e69de29b..04e466e6 100644
--- a/src/components/NewCardForm.test.js
+++ b/src/components/NewCardForm.test.js
@@ -0,0 +1,106 @@
+import React from 'react';
+import NewCardForm from './NewCardForm';
+import { mount, shallow } from 'enzyme';
+
+describe('NewCardForm', () => {
+ test('that it matches an existing snapshot', () => {
+ // First Mount the Component in the testing DOM
+ // Arrange
+ const wrapper = shallow(
{} } />);
+
+ // Assert that it looks like the last snapshot and if not, take a new one (?)
+ expect(wrapper).toMatchSnapshot();
+
+ // Remove the component from the DOM (save memory and prevent side effects).
+ wrapper.unmount();
+ });
+
+ test('when a user enters a name in a text field the field is updated', () => {
+ // Arrange
+ // Shallow mounted wrapper
+ const wrapper = shallow( {} } />);
+ // Find input field
+ let nameField =
+ wrapper.find('input[name="text"]');
+ // Act - tell name field to trigger onChange event (simulate user typing something in field)
+ nameField.simulate('change', {
+ target: {
+ name: 'text',
+ value: 'test test test',
+ },
+ });
+ // Force onChange event
+ wrapper.update();
+ // DOM gets re-rendered, so we find the component again
+ nameField =
+ wrapper.find('input[name="text"]');
+ // Assert
+ // Get props from that specific input field
+ expect(nameField.getElement().props.value).toEqual('test test test');
+ });
+
+ test('when the user types in a field, the value changes', () => {
+ const wrapper = shallow( {} } />);
+
+ const fields = [
+ {
+ field: 'text',
+ value: 'test test',
+ },
+ {
+ field: 'emoji',
+ value: 'heart_eyes',
+ },
+ ];
+
+ fields.forEach(({field, value}) => {
+ // find the input field
+ let nameField = wrapper.find(`[name="${field}"]`);
+ // Act
+ nameField.simulate('change', {
+ target: {
+ name: field,
+ value,
+ },
+ });
+ // Force the onChange event
+ wrapper.update();
+ nameField = wrapper.find(`[name="${field}"]`);
+
+ // Assert
+ expect(nameField.getElement().props.value).toEqual(value);
+ });
+ });
+
+ test('NewCardForm can submit', () => {
+ // Arrange
+ // Shallow mounted the wrapper
+
+ const mockAddCardCallback = jest.fn();
+
+ const wrapper = shallow();
+
+ wrapper.find(`[name='text']`).simulate('change', {
+ target: {
+ name: 'text',
+ value: 'Be the change',
+ },
+ });
+
+ // force textfields change
+ wrapper.update();
+
+ wrapper.find('form').simulate('submit', {
+ preventDefault: () => {},
+ });
+
+ wrapper.update();
+
+ const nameField = wrapper.find('[name="text"]');
+
+ // Assert
+ expect(nameField.getElement().props.value).toEqual('');
+ expect(mockAddCardCallback).toHaveBeenCalled();
+ });
+
+});
diff --git a/src/components/__snapshots__/Board.test.js.snap b/src/components/__snapshots__/Board.test.js.snap
new file mode 100644
index 00000000..3627086d
--- /dev/null
+++ b/src/components/__snapshots__/Board.test.js.snap
@@ -0,0 +1,15947 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Board that it matches an existing snapshot 1`] = `
+ReactWrapper {
+ "length": 1,
+ Symbol(enzyme.__unrendered__): ,
+ Symbol(enzyme.__renderer__): Object {
+ "batchedUpdates": [Function],
+ "getNode": [Function],
+ "render": [Function],
+ "simulateEvent": [Function],
+ "unmount": [Function],
+ },
+ Symbol(enzyme.__root__): [Circular],
+ Symbol(enzyme.__node__): Object {
+ "instance": Board {
+ "_reactInternalFiber": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 6,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 83,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 7,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 8,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 85,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 9,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 44,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 10,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 45,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 11,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 46,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 12,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 48,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 14,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 49,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 15,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 50,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 16,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 57,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 17,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 58,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 18,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 20,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": "",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 21,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": "heart_eyes",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 22,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": "beer",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 23,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": "clap",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 24,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 4,
+ "key": "sparkling_heart",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 25,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 5,
+ "key": "heart_eyes_cat",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 26,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 6,
+ "key": "dog",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 27,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 7,
+ "key": "robot",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 19,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": ";",
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": ";",
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ;,
+ "tag": 6,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "select",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 13,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 66,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode":
+
+
+
+
+
,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "form",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "h3",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "addCardCallback": [Function],
+ },
+ "memoizedState": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "addCardCallback": [Function],
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": NewCardForm {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "clearForm": [Function],
+ "context": Object {},
+ "onFieldChange": [Function],
+ "onFormSubmit": [Function],
+ "props": Object {
+ "addCardCallback": [Function],
+ },
+ "refs": Object {},
+ "state": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": [Circular],
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "key": undefined,
+ "nodeType": "class",
+ "props": Object {},
+ "ref": null,
+ "rendered": Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "rendered": Array [
+ null,
+ Object {
+ "instance": NewCardForm {
+ "_reactInternalFiber": FiberNode {
+ "_debugID": 8,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 6,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 83,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 7,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": [Circular],
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Board {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 85,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 9,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 44,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 10,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 45,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 11,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 46,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 12,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 48,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 14,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 49,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 15,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 50,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 16,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 57,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 17,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 58,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 18,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 20,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": "",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 21,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": "heart_eyes",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 22,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": "beer",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 23,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": "clap",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 24,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 4,
+ "key": "sparkling_heart",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 25,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 5,
+ "key": "heart_eyes_cat",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 26,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 6,
+ "key": "dog",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 27,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 7,
+ "key": "robot",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 19,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": ";",
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": ";",
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ;,
+ "tag": 6,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "select",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 13,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 66,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode":
+
+
+
+
+
,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "form",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "h3",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "addCardCallback": [Function],
+ },
+ "memoizedState": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "addCardCallback": [Function],
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 6,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Board {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 83,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 7,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": [Circular],
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Board {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": [Circular],
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_reactInternalInstance": Object {},
+ "clearForm": [Function],
+ "context": Object {},
+ "onFieldChange": [Function],
+ "onFormSubmit": [Function],
+ "props": Object {
+ "addCardCallback": [Function],
+ },
+ "refs": Object {},
+ "state": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "key": undefined,
+ "nodeType": "class",
+ "props": Object {
+ "addCardCallback": [Function],
+ },
+ "ref": null,
+ "rendered": Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "rendered": Array [
+ "Add a card",
+ ],
+ "type": "h3",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance":
+
+
+
+
+
,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "rendered": Array [
+ "Message: ",
+ ],
+ "type": "label",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ undefined,
+ ],
+ "type": "input",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "rendered": Array [
+ "Emoji: ",
+ ],
+ "type": "label",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ undefined,
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "heart_eyes",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "rendered": Array [
+ "😍",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "beer",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "rendered": Array [
+ "🍺",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "clap",
+ "nodeType": "host",
+ "props": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "rendered": Array [
+ "👏",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "sparkling_heart",
+ "nodeType": "host",
+ "props": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "rendered": Array [
+ "💖",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "heart_eyes_cat",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "rendered": Array [
+ "😻",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "dog",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "rendered": Array [
+ "🐶",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "robot",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "rendered": Array [
+ "🤖",
+ ],
+ "type": "option",
+ },
+ ";",
+ ],
+ "type": "select",
+ },
+ ],
+ "type": "div",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "rendered": Array [
+ undefined,
+ ],
+ "type": "input",
+ },
+ ],
+ "type": "form",
+ },
+ ],
+ "type": "div",
+ },
+ "type": [Function],
+ },
+ ],
+ "type": "div",
+ },
+ "type": [Function],
+ },
+ Symbol(enzyme.__nodes__): Array [
+ Object {
+ "instance": Board {
+ "_reactInternalFiber": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 6,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 83,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 7,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 8,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 85,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 9,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 44,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 10,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 45,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 11,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 46,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 12,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 48,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 14,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 49,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 15,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 50,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 16,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 57,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 17,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 58,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 18,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 20,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": "",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 21,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": "heart_eyes",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 22,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": "beer",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 23,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": "clap",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 24,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 4,
+ "key": "sparkling_heart",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 25,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 5,
+ "key": "heart_eyes_cat",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 26,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 6,
+ "key": "dog",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 27,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 7,
+ "key": "robot",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 19,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": ";",
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": ";",
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ;,
+ "tag": 6,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "select",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 13,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 66,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode":
+
+
+
+
+
,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "form",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "h3",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "addCardCallback": [Function],
+ },
+ "memoizedState": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "addCardCallback": [Function],
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": NewCardForm {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "clearForm": [Function],
+ "context": Object {},
+ "onFieldChange": [Function],
+ "onFormSubmit": [Function],
+ "props": Object {
+ "addCardCallback": [Function],
+ },
+ "refs": Object {},
+ "state": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": [Circular],
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "key": undefined,
+ "nodeType": "class",
+ "props": Object {},
+ "ref": null,
+ "rendered": Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "rendered": Array [
+ null,
+ Object {
+ "instance": NewCardForm {
+ "_reactInternalFiber": FiberNode {
+ "_debugID": 8,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 6,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 83,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 7,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": [Circular],
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Board {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 85,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 9,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 44,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 10,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 45,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 11,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 46,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 12,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 48,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 14,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 49,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 15,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 50,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 16,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 57,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 17,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 58,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 18,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 20,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": "",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 21,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": "heart_eyes",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 22,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 2,
+ "key": "beer",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 23,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": "clap",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 24,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 4,
+ "key": "sparkling_heart",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 25,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 5,
+ "key": "heart_eyes_cat",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 26,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 6,
+ "key": "dog",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 27,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 63,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 7,
+ "key": "robot",
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "option",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 19,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": ";",
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": ";",
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ;,
+ "tag": 6,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 3,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "select",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "label",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": FiberNode {
+ "_debugID": 13,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": [Circular],
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/NewCardForm.js",
+ "lineNumber": 66,
+ },
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "input",
+ "updateQueue": null,
+ },
+ "stateNode":
+
+
+
+
+
,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "form",
+ "updateQueue": null,
+ },
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "h3",
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 1,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "addCardCallback": [Function],
+ },
+ "memoizedState": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "addCardCallback": [Function],
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 6,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Board {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": Object {
+ "fileName": "/Users/norapeters/Ada/week_19/inspiration-board/src/components/Board.js",
+ "lineNumber": 83,
+ },
+ "alternate": null,
+ "child": FiberNode {
+ "_debugID": 7,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Array [],
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Array [],
+ "ref": null,
+ "return": [Circular],
+ "selfBaseTime": 0,
+ "sibling": [Circular],
+ "stateNode": null,
+ "tag": 10,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": null,
+ },
+ "effectTag": 0,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "children": Array [
+ Array [],
+ ,
+ ],
+ "className": "board",
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 5,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 5,
+ "expirationTime": 0,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": Object {},
+ "memoizedState": Object {
+ "cards": Array [],
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {},
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 4,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": null,
+ "child": [Circular],
+ "effectTag": 1,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "memoizedState": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "ref": null,
+ "return": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": FiberNode {
+ "_debugID": 1,
+ "_debugIsCurrentlyTiming": false,
+ "_debugOwner": null,
+ "_debugSource": null,
+ "alternate": [Circular],
+ "child": null,
+ "effectTag": 0,
+ "expirationTime": 1,
+ "firstEffect": null,
+ "index": 0,
+ "key": null,
+ "lastEffect": null,
+ "memoizedProps": null,
+ "memoizedState": null,
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": null,
+ "expirationTime": 1,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": Object {
+ "callback": null,
+ "expirationTime": 1,
+ "next": null,
+ "nextEffect": null,
+ "payload": Object {
+ "element": ,
+ },
+ "tag": 0,
+ },
+ },
+ },
+ "child": [Circular],
+ "effectTag": 32,
+ "expirationTime": 0,
+ "firstEffect": [Circular],
+ "index": 0,
+ "key": null,
+ "lastEffect": [Circular],
+ "memoizedProps": null,
+ "memoizedState": Object {
+ "element": ,
+ },
+ "mode": 0,
+ "nextEffect": null,
+ "pendingProps": null,
+ "ref": null,
+ "return": null,
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Object {
+ "containerInfo": ,
+ "context": Object {},
+ "current": [Circular],
+ "earliestPendingTime": 0,
+ "earliestSuspendedTime": 0,
+ "finishedWork": null,
+ "firstBatch": null,
+ "hydrate": false,
+ "latestPendingTime": 0,
+ "latestPingedTime": 0,
+ "latestSuspendedTime": 0,
+ "nextScheduledRoot": null,
+ "pendingChildren": null,
+ "pendingCommitExpirationTime": 0,
+ "pendingContext": null,
+ "remainingExpirationTime": 0,
+ },
+ "tag": 3,
+ "treeBaseTime": 0,
+ "type": null,
+ "updateQueue": Object {
+ "baseState": Object {
+ "element": ,
+ },
+ "expirationTime": 0,
+ "firstCapturedEffect": null,
+ "firstCapturedUpdate": null,
+ "firstEffect": null,
+ "firstUpdate": null,
+ "lastCapturedEffect": null,
+ "lastCapturedUpdate": null,
+ "lastEffect": null,
+ "lastUpdate": null,
+ },
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": WrapperComponent {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "context": Object {},
+ "props": Object {
+ "Component": [Function],
+ "context": null,
+ "props": Object {},
+ },
+ "refs": Object {},
+ "state": Object {
+ "context": null,
+ "mount": true,
+ "props": Object {},
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": Board {
+ "_reactInternalFiber": [Circular],
+ "_reactInternalInstance": Object {},
+ "addCard": [Function],
+ "componentDidMount": [Function],
+ "context": Object {},
+ "props": Object {},
+ "refs": Object {},
+ "removeCard": [Function],
+ "renderCardList": [Function],
+ "state": Object {
+ "cards": Array [],
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": ,
+ "tag": 5,
+ "treeBaseTime": 0,
+ "type": "div",
+ "updateQueue": null,
+ },
+ "selfBaseTime": 0,
+ "sibling": null,
+ "stateNode": [Circular],
+ "tag": 2,
+ "treeBaseTime": 0,
+ "type": [Function],
+ "updateQueue": null,
+ },
+ "_reactInternalInstance": Object {},
+ "clearForm": [Function],
+ "context": Object {},
+ "onFieldChange": [Function],
+ "onFormSubmit": [Function],
+ "props": Object {
+ "addCardCallback": [Function],
+ },
+ "refs": Object {},
+ "state": Object {
+ "emoji": "",
+ "text": "",
+ },
+ "updater": Object {
+ "enqueueForceUpdate": [Function],
+ "enqueueReplaceState": [Function],
+ "enqueueSetState": [Function],
+ "isMounted": [Function],
+ },
+ },
+ "key": undefined,
+ "nodeType": "class",
+ "props": Object {
+ "addCardCallback": [Function],
+ },
+ "ref": null,
+ "rendered": Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "rendered": Array [
+ "Add a card",
+ ],
+ "type": "h3",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance":
+
+
+
+
+
,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "rendered": Array [
+ "Message: ",
+ ],
+ "type": "label",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ undefined,
+ ],
+ "type": "input",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "rendered": Array [
+ "Emoji: ",
+ ],
+ "type": "label",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ undefined,
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "heart_eyes",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "rendered": Array [
+ "😍",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "beer",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "rendered": Array [
+ "🍺",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "clap",
+ "nodeType": "host",
+ "props": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "rendered": Array [
+ "👏",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "sparkling_heart",
+ "nodeType": "host",
+ "props": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "rendered": Array [
+ "💖",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "heart_eyes_cat",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "rendered": Array [
+ "😻",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "dog",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "rendered": Array [
+ "🐶",
+ ],
+ "type": "option",
+ },
+ Object {
+ "instance": ,
+ "key": "robot",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "rendered": Array [
+ "🤖",
+ ],
+ "type": "option",
+ },
+ ";",
+ ],
+ "type": "select",
+ },
+ ],
+ "type": "div",
+ },
+ Object {
+ "instance": ,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "rendered": Array [
+ undefined,
+ ],
+ "type": "input",
+ },
+ ],
+ "type": "form",
+ },
+ ],
+ "type": "div",
+ },
+ "type": [Function],
+ },
+ ],
+ "type": "div",
+ },
+ "type": [Function],
+ },
+ ],
+ Symbol(enzyme.__options__): Object {
+ "adapter": ReactSixteenAdapter {
+ "options": Object {
+ "enableComponentDidUpdateOnSetState": true,
+ },
+ },
+ },
+}
+`;
diff --git a/src/components/__snapshots__/NewCardForm.test.js.snap b/src/components/__snapshots__/NewCardForm.test.js.snap
new file mode 100644
index 00000000..3df287f3
--- /dev/null
+++ b/src/components/__snapshots__/NewCardForm.test.js.snap
@@ -0,0 +1,991 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewCardForm that it matches an existing snapshot 1`] = `
+ShallowWrapper {
+ "length": 1,
+ Symbol(enzyme.__root__): [Circular],
+ Symbol(enzyme.__unrendered__): ,
+ Symbol(enzyme.__renderer__): Object {
+ "batchedUpdates": [Function],
+ "getNode": [Function],
+ "render": [Function],
+ "simulateEvent": [Function],
+ "unmount": [Function],
+ },
+ Symbol(enzyme.__node__): Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "rendered": "Add a card",
+ "type": "h3",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "rendered": "Message: ",
+ "type": "label",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": "input",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "rendered": "Emoji: ",
+ "type": "label",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "heart_eyes",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "rendered": "😍",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "beer",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "rendered": "🍺",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "clap",
+ "nodeType": "host",
+ "props": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "rendered": "👏",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "sparkling_heart",
+ "nodeType": "host",
+ "props": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "rendered": "💖",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "heart_eyes_cat",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "rendered": "😻",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "dog",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "rendered": "🐶",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "robot",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "rendered": "🤖",
+ "type": "option",
+ },
+ ";",
+ ],
+ "type": "select",
+ },
+ ],
+ "type": "div",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": "input",
+ },
+ ],
+ "type": "form",
+ },
+ ],
+ "type": "div",
+ },
+ Symbol(enzyme.__nodes__): Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+ Add a card
+
,
+ ,
+ ],
+ "className": "new-card-form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Add a card",
+ "className": "new-card-form__header",
+ },
+ "ref": null,
+ "rendered": "Add a card",
+ "type": "h3",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+
+
+
+
+
+
,
+ ,
+ ],
+ "onSubmit": [Function],
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ ,
+ ,
+ ,
+ ,
+ ],
+ "className": "new-card-form__form",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Message: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "text",
+ },
+ "ref": null,
+ "rendered": "Message: ",
+ "type": "label",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "className": "new-card-form__form-textarea",
+ "name": "text",
+ "onChange": [Function],
+ "type": "text",
+ "value": "",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": "input",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": "Emoji: ",
+ "className": "new-card-form__form-label",
+ "htmlFor": "emoji",
+ },
+ "ref": null,
+ "rendered": "Emoji: ",
+ "type": "label",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": Array [
+ Array [
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ,
+ ],
+ ";",
+ ],
+ "className": "new-card-form__form-textarea",
+ "name": "emoji",
+ "onChange": [Function],
+ "value": "",
+ },
+ "ref": null,
+ "rendered": Array [
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "children": undefined,
+ "value": "",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "heart_eyes",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😍",
+ "value": "heart_eyes",
+ },
+ "ref": null,
+ "rendered": "😍",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "beer",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🍺",
+ "value": "beer",
+ },
+ "ref": null,
+ "rendered": "🍺",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "clap",
+ "nodeType": "host",
+ "props": Object {
+ "children": "👏",
+ "value": "clap",
+ },
+ "ref": null,
+ "rendered": "👏",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "sparkling_heart",
+ "nodeType": "host",
+ "props": Object {
+ "children": "💖",
+ "value": "sparkling_heart",
+ },
+ "ref": null,
+ "rendered": "💖",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "heart_eyes_cat",
+ "nodeType": "host",
+ "props": Object {
+ "children": "😻",
+ "value": "heart_eyes_cat",
+ },
+ "ref": null,
+ "rendered": "😻",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "dog",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🐶",
+ "value": "dog",
+ },
+ "ref": null,
+ "rendered": "🐶",
+ "type": "option",
+ },
+ Object {
+ "instance": null,
+ "key": "robot",
+ "nodeType": "host",
+ "props": Object {
+ "children": "🤖",
+ "value": "robot",
+ },
+ "ref": null,
+ "rendered": "🤖",
+ "type": "option",
+ },
+ ";",
+ ],
+ "type": "select",
+ },
+ ],
+ "type": "div",
+ },
+ Object {
+ "instance": null,
+ "key": undefined,
+ "nodeType": "host",
+ "props": Object {
+ "type": "submit",
+ "value": "Add Card",
+ },
+ "ref": null,
+ "rendered": null,
+ "type": "input",
+ },
+ ],
+ "type": "form",
+ },
+ ],
+ "type": "div",
+ },
+ ],
+ Symbol(enzyme.__options__): Object {
+ "adapter": ReactSixteenAdapter {
+ "options": Object {
+ "enableComponentDidUpdateOnSetState": true,
+ },
+ },
+ },
+}
+`;
diff --git a/src/data/card-data.json b/src/data/card-data.json
index 1f9793ec..068e019d 100644
--- a/src/data/card-data.json
+++ b/src/data/card-data.json
@@ -6,7 +6,7 @@
},
{
"text": "",
- "Emoji": "heart_eyes"
+ "emoji": "heart_eyes"
},
{
"text": "REST is part of work"