Recipe instruction feature by bmwest · Pull Request #21 · bmwest/mealkeep

bmwest · 2017-03-30T13:17:33Z

No description provided.

houndci-bot · 2017-03-30T13:17:46Z

react/src/main.js

    ReactDOM.render(<AppIndex />, reactApp);
  } else if (reactSteps) {
-    ReactDOM.render(<GetInstructions />, reactSteps)
+    ReactDOM.render(<InstructionList />, reactSteps)


Expected an identifier and instead saw '<'.
Expected ')' and instead saw 'InstructionList'.
Expected an identifier and instead saw '>'.
Expected an assignment or function call and instead saw an expression.
Missing semicolon.
Expected an identifier and instead saw ')'.

houndci-bot · 2017-03-30T13:17:46Z

react/src/main.js

 import ReactDOM from 'react-dom';
 import AppIndex from './components/recipes/AppIndex';
-import GetInstructions from './components/instructions/GetInstructions';
+import InstructionList from './components/recipes/InstructionList';


'import' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-30T13:17:46Z

react/src/components/recipes/Recipe.js

+    return(
+      <div className="recipe-item">
+        <h4><a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.name}</a></h4>
+        <a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.photo} photo goes here</a>


Unclosed regular expression.
Unrecoverable syntax error. (46% scanned).

houndci-bot · 2017-03-30T13:17:46Z

react/src/components/recipes/Recipe.js

-      <h4><a href={`http://localhost:3000/recipes/` + props.id}>{props.name}</a></h4>
+class Recipe extends Component {
+  constructor(props) {
+    super(props)


Missing semicolon.

houndci-bot · 2017-03-30T13:17:46Z

react/src/components/recipes/Recipe.js

-  return (
-    <div className="recipe-item">
-      <h4><a href={`http://localhost:3000/recipes/` + props.id}>{props.name}</a></h4>
+class Recipe extends Component {


'class' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

houndci-bot · 2017-03-30T13:17:47Z

react/src/components/recipes/InstructionList.js

+    let oldStep = event.target.value
+    let newSteps = this.state.steps.filter(step => {
+      return step.id !== oldStep.id
+    })


Missing semicolon.

houndci-bot · 2017-03-30T13:17:47Z

react/src/components/recipes/InstructionList.js

+  handleButtonClick(event) {
+    let oldStep = event.target.value
+    let newSteps = this.state.steps.filter(step => {
+      return step.id !== oldStep.id


Missing semicolon.

houndci-bot · 2017-03-30T13:17:47Z

react/src/components/recipes/InstructionList.js

+
+  handleButtonClick(event) {
+    let oldStep = event.target.value
+    let newSteps = this.state.steps.filter(step => {


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-30T13:17:47Z

react/src/components/recipes/InstructionList.js

+    }
+
+  handleButtonClick(event) {
+    let oldStep = event.target.value


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
Missing semicolon.

houndci-bot · 2017-03-30T13:17:47Z

react/src/components/recipes/InstructionList.js

+        console.log(body)
+        this.setState({steps: body});
+      })
+      .catch(error => console.error(`Error in fetch: ${error.message}`));


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-30T13:17:48Z

react/src/main.js

    ReactDOM.render(<AppIndex />, reactApp);
  } else if (reactSteps) {
-    ReactDOM.render(<GetInstructions />, reactSteps)
+    ReactDOM.render(<InstructionList />, reactSteps)


Expected an identifier and instead saw '<'.
Expected ')' and instead saw 'InstructionList'.
Expected an identifier and instead saw '>'.
Expected an assignment or function call and instead saw an expression.
Missing semicolon.
Expected an identifier and instead saw ')'.

houndci-bot · 2017-03-30T13:17:48Z

react/src/main.js

 import ReactDOM from 'react-dom';
 import AppIndex from './components/recipes/AppIndex';
-import GetInstructions from './components/instructions/GetInstructions';
+import InstructionList from './components/recipes/InstructionList';


'import' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-30T13:17:48Z

react/src/components/recipes/Recipe.js

+    return(
+      <div className="recipe-item">
+        <h4><a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.name}</a></h4>
+        <a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.photo} photo goes here</a>


Unclosed regular expression.
Unrecoverable syntax error. (46% scanned).

houndci-bot · 2017-03-30T13:17:48Z

react/src/components/recipes/Recipe.js

-      <h4><a href={`http://localhost:3000/recipes/` + props.id}>{props.name}</a></h4>
+class Recipe extends Component {
+  constructor(props) {
+    super(props)


Missing semicolon.

houndci-bot · 2017-03-30T13:17:48Z

react/src/components/recipes/Recipe.js

-  return (
-    <div className="recipe-item">
-      <h4><a href={`http://localhost:3000/recipes/` + props.id}>{props.name}</a></h4>
+class Recipe extends Component {


'class' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

houndci-bot · 2017-03-30T13:17:48Z

react/src/components/recipes/InstructionList.js

+    let oldStep = event.target.value
+    let newSteps = this.state.steps.filter(step => {
+      return step.id !== oldStep.id
+    })


Missing semicolon.

houndci-bot · 2017-03-30T13:17:49Z

react/src/components/recipes/InstructionList.js

+  handleButtonClick(event) {
+    let oldStep = event.target.value
+    let newSteps = this.state.steps.filter(step => {
+      return step.id !== oldStep.id


Missing semicolon.

houndci-bot · 2017-03-30T13:17:49Z

react/src/components/recipes/InstructionList.js

+
+  handleButtonClick(event) {
+    let oldStep = event.target.value
+    let newSteps = this.state.steps.filter(step => {


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-30T13:17:49Z

react/src/components/recipes/InstructionList.js

+    }
+
+  handleButtonClick(event) {
+    let oldStep = event.target.value


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
Missing semicolon.

houndci-bot · 2017-03-30T13:17:49Z

react/src/components/recipes/InstructionList.js

+        console.log(body)
+        this.setState({steps: body});
+      })
+      .catch(error => console.error(`Error in fetch: ${error.message}`));


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/Recipe.js

+    return(
+      <div className="recipe-item">
+        <h4><a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.name}</a></h4>
+        <a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.photo} photo goes here</a>


Unclosed regular expression.
Unrecoverable syntax error. (52% scanned).

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/InstructionList.js

+            recipe={s.recipe_id}
+            stepItems={s.step}
+            getAllSteps={this.getSteps}
+          />


Unclosed regular expression.
Unrecoverable syntax error. (83% scanned).

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/InstructionList.js

+    .then(body => {
+      this.setState({steps: body});
+    })
+    .catch(error => console.error(`Error in fetch: ${error.message}`));


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/InstructionList.js

+    .then(response => {
+      return response.json();
+    })
+    .then(body => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/InstructionList.js

+        throw(error);
+      }
+    })
+    .then(response => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/InstructionList.js

+      if (response.ok) {
+        return response;
+      } else {
+        let errorMessage = `${response.status} ($response.statusText)`,


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:14Z

react/src/components/recipes/InstructionList.js

+    fetch(`http://localhost:3000/api/v1/recipes/${recipeId}/instructions`, {
+      credentials: 'same-origin'
+    })
+    .then(response => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+
+  getSteps() {
+    let recipeId = document.getElementById('recipe-id').textContent;
+    fetch(`http://localhost:3000/api/v1/recipes/${recipeId}/instructions`, {


'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+  }
+
+  getSteps() {
+    let recipeId = document.getElementById('recipe-id').textContent;


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+
+  clearForm(event) {
+    let newStep = event.target.value
+    this.setState({ step: newStep})


Missing semicolon.

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/Recipe.js

+    return(
+      <div className="recipe-item">
+        <h4><a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.name}</a></h4>
+        <a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.photo} photo goes here</a>


Unclosed regular expression.
Unrecoverable syntax error. (52% scanned).

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+            recipe={s.recipe_id}
+            stepItems={s.step}
+            getAllSteps={this.getSteps}
+          />


Unclosed regular expression.
Unrecoverable syntax error. (83% scanned).

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+    .then(body => {
+      this.setState({steps: body});
+    })
+    .catch(error => console.error(`Error in fetch: ${error.message}`));


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+    .then(response => {
+      return response.json();
+    })
+    .then(body => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+        throw(error);
+      }
+    })
+    .then(response => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+      if (response.ok) {
+        return response;
+      } else {
+        let errorMessage = `${response.status} ($response.statusText)`,


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+    fetch(`http://localhost:3000/api/v1/recipes/${recipeId}/instructions`, {
+      credentials: 'same-origin'
+    })
+    .then(response => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+
+  getSteps() {
+    let recipeId = document.getElementById('recipe-id').textContent;
+    fetch(`http://localhost:3000/api/v1/recipes/${recipeId}/instructions`, {


'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+  }
+
+  getSteps() {
+    let recipeId = document.getElementById('recipe-id').textContent;


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

houndci-bot · 2017-03-31T23:50:15Z

react/src/components/recipes/InstructionList.js

+
+  clearForm(event) {
+    let newStep = event.target.value
+    this.setState({ step: newStep})


Missing semicolon.

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/Recipe.js

+    return(
+      <div className="recipe-item">
+        <h4><a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.name}</a></h4>
+        <a href={`http://localhost:3000/recipes/` + this.props.id}>{this.props.photo} photo goes here</a>


Unclosed regular expression.
Unrecoverable syntax error. (52% scanned).

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+            recipe={s.recipe_id}
+            stepItems={s.step}
+            getAllSteps={this.getSteps}
+          />


Unclosed regular expression.
Unrecoverable syntax error. (83% scanned).

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+    .then(body => {
+      this.setState({steps: body});
+    })
+    .catch(error => console.error(`Error in fetch: ${error.message}`));


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+    .then(response => {
+      return response.json();
+    })
+    .then(body => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+        throw(error);
+      }
+    })
+    .then(response => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+      if (response.ok) {
+        return response;
+      } else {
+        let errorMessage = `${response.status} ($response.statusText)`,


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+    fetch(`http://localhost:3000/api/v1/recipes/${recipeId}/instructions`, {
+      credentials: 'same-origin'
+    })
+    .then(response => {


'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+
+  getSteps() {
+    let recipeId = document.getElementById('recipe-id').textContent;
+    fetch(`http://localhost:3000/api/v1/recipes/${recipeId}/instructions`, {


'template literal syntax' is only available in ES6 (use 'esversion: 6').

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+  }
+
+  getSteps() {
+    let recipeId = document.getElementById('recipe-id').textContent;


'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

houndci-bot · 2017-03-31T23:50:16Z

react/src/components/recipes/InstructionList.js

+
+  clearForm(event) {
+    let newStep = event.target.value
+    this.setState({ step: newStep})


Missing semicolon.

bmwest added 4 commits March 29, 2017 14:36

begin reactive recipe instructions

66b7808

continues reactive instruction components

12aa936

good progress on rective recipe instruction

29ceafd

continues reactice instruction upload

43f3e01

houndci-bot reviewed Mar 30, 2017

View reviewed changes

bmwest added 3 commits March 30, 2017 10:43

continues reactive instruction CRUD

e0a51a0

found resolution to params requirement will look into react router

144e373

completed reactive instruction create and delete

24eb29d

houndci-bot reviewed Mar 31, 2017

View reviewed changes

bmwest closed this Apr 22, 2017

Conversation

bmwest commented Mar 30, 2017

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment