delete working

db/deleteJournalEntry.sql

@@ -0,0 +1 @@
+delete from journal where id = $1;

db/editEntry.sql

@@ -0,0 +1,3 @@
+UPDATE journal
+SET message = $1
+WHERE id = $2;

db/findJournalEntries.sql

@@ -1 +1 @@
-select id, message from journal 
+select id, message from journal where emid = $1

package.json

@@ -23,6 +23,7 @@
  "react": "^16.3.2",
  "react-chartjs-2": "^2.7.2",
  "react-dom": "^16.3.2",
+ "react-grid-layout": "^0.16.6",
  "react-particles-js": "^2.1.3",
  "react-redux": "^5.0.7",
  "react-router-dom": "^4.2.2",

server/index.js

@@ -85,17 +85,40 @@ app.get('/auth/me', function (req, res){
  }
 })
 
-app.get('/api/journal/', (req, res, next) => {
+app.get('/api/journal/:emid', (req, res) => {
+ const emid = req.params.emid;
+ console.log(req.params,'sup')
  const dbInstance = req.app.get('db');
- dbInstance.findJournalEntries()
+ dbInstance.findJournalEntries([emid])
  .then(journal => {res.status(200).send(journal);
  console.log(journal);
  }).catch(err => {
  console.log(err);
  res.status(500).send(err)
 });
-}
-)
+})
+
+app.delete('/api/journal/:emid', (req, res)=> {
+ const emid = req.params.emid;
+ const dbInstance = req.app.get('db');
+ dbInstance.deleteJournalEntry([emid])
+ .then(journal=> {res.status(200).send('ok')}).catch(err=> {
+ console.log(err);
+ res.status(500).send(err)
+ })
+})
+
+app.put('/api/journal/:id', (req, res)=> {
+ const id = req.params.id;
+ const message = req.params.message
+ const dbInstance = req.app.get('db');
+ dbInstance.editEntry([message, id])
+ .then(journal=> {res.status(200).send('ok')}).catch(err=> {
+ console.log(err);
+ res.status(500).send(err)
+ })
+})
+
 app.post('/api/journal/', (req, res, next)=> {
  let{emid, message} = req.body;
  req.app.get('db').addJournalEntry([emid, message]).then(ok=>{
@@ -109,5 +132,5 @@ app.post('/api/journal/', (req, res, next)=> {
 
 
 app.listen(SERVER_PORT, ()=> {
- console.log(`Yo bitch stuff is happening on: ${SERVER_PORT}`)
+ console.log(`Things are happening on port: ${SERVER_PORT}`)
 })

src/component/Journal/Checkbox.js

@@ -0,0 +1,62 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { selectEntry } from "../../ducks/users";
+
+
+class Checkbox extends Component {
+ constructor() {
+ super();
+
+ this.state = {
+ isChecked: false,
+ entryToDelete: []
+ };
+ this.toggleCheckboxChange = this.toggleCheckboxChange.bind(this);
+ }
+
+ toggleCheckboxChange = () => {
+ const { handleCheckboxChange, label } = this.props;
+ console.log(this.props)
+
+ this.setState({ isChecked: !this.state.isChecked, entryToDelete: label });
+ this.props.selectEntry(label)
+ console.log(this.state.entryToDelete)
+ };
+
+ render() {
+ const { label } = this.props;
+ const { isChecked } = this.state;
+
+ return (
+ <div className="checkbox">
+ <label>
+ <input
+ type="checkbox"
+ value={label}
+ checked={isChecked}
+ onChange={this.toggleCheckboxChange}
+ />
+
+ {label}
+ </label>
+ </div>
+ );
+ }
+}
+
+Checkbox.PropTypes = {
+ label: PropTypes.string.isRequired,
+ handleCheckboxChange: PropTypes.func.isRequired
+};
+
+function mapStateToProps(state) {
+ return {
+ entryToDelete: state.entryToDelete
+ };
+}
+
+export default connect(
+ mapStateToProps,
+ { selectEntry }
+)(Checkbox);