diff --git a/client/src/pages/ItemUpdate.js b/client/src/pages/ItemUpdate.js index 171a1ee..532d2d7 100644 --- a/client/src/pages/ItemUpdate.js +++ b/client/src/pages/ItemUpdate.js @@ -33,10 +33,16 @@ const InputText = styled.input.attrs({ const Fieldset = styled.fieldset.attrs({ className: 'form-control', })` + background-color: transparent; border-color: transparent; margin: 1em auto 0.5em; max-width: 50%; min-height: 6em; + + @media screen and (max-width: 420px) { + height: auto; + max-width: 75%; + } `; const DayInput = styled.input.attrs({ diff --git a/client/src/pages/ItemsList.js b/client/src/pages/ItemsList.js index 4087249..0ea0704 100644 --- a/client/src/pages/ItemsList.js +++ b/client/src/pages/ItemsList.js @@ -73,7 +73,7 @@ const Table = ({ columns, data }) => { ) }; -class ItemsTable extends Component { +class ItemsList extends Component { componentDidMount() { console.log("ItemsList: props"); @@ -186,7 +186,7 @@ class ItemsTable extends Component { return ( Update Item @@ -237,4 +237,4 @@ const mapStateToProps = state => { const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch); -export default connect(mapStateToProps, mapDispatchToProps)(ItemsTable); +export default connect(mapStateToProps, mapDispatchToProps)(ItemsList); diff --git a/server/controllers/item-controller.js b/server/controllers/item-controller.js index 9868f85..5ae1a22 100644 --- a/server/controllers/item-controller.js +++ b/server/controllers/item-controller.js @@ -61,6 +61,8 @@ getItemById = async (req, res) => { }); } console.log(`[Hack.Diversity React Template] - 200 in 'getItemById': Item fetched!`); + console.log('----------------------- getItemById: res -----------------------'); + console.log(res); return res .status(200) .json({ @@ -133,10 +135,12 @@ createItem = (req, res) => { }); }; -updateItem = (req, res) => { - const body = req.body; +updateItem = async (req, res) => { // console.log('----------------------- updateItem: req -----------------------'); // console.log(req); + // console.log('----------------------- updateItem: res -----------------------'); + // console.log(res); + const body = req.body; // console.log('----------------------- updateItem: body -----------------------'); // console.log(body); if (!body) { @@ -158,10 +162,7 @@ updateItem = (req, res) => { content: body.content, }; - // console.log('----------------------- updateItem: res -----------------------'); - // console.log(res); - - return Item.updateOne({ _id: req.params.id }, itemForUpdate, (err, writeOpRes) => { + await Item.updateOne({ _id: req.params.id }, itemForUpdate, (err, writeOpRes) => { if (err) { console.error(`[Hack.Diversity React Template] - 404 in 'updateItem': Item not found!`); console.error(err); @@ -178,8 +179,8 @@ updateItem = (req, res) => { // console.log(item); return writeOpRes; }) - .then(res => { - // console.log('----------------------- updateItem - findOne: res -----------------------'); + .then(result => { + // console.log('----------------------- updateItem - updateOne: res -----------------------'); // console.log(res); console.log(`[Hack.Diversity React Template] - 200 in 'updateItem': Item updated!`); return res @@ -188,7 +189,7 @@ updateItem = (req, res) => { success: true, id: req.params.id, message: 'Item updated!', - writeOpResult: res + writeOpResult: result }); }).catch(err => { console.error(`[Hack.Diversity React Template] - caught error in 'updateItem': ${err}`);