jermsam

// src/CreateProductForm.js
import React, { Component } from 'react';
import {Container,Header,Form, Button,Divider,TextArea} from 'semantic-ui-react';
import client from './feathers'

export default class CreateProductForm extends Component {
state = {
    product:{
            name:'',
            description:'',

jermsam

// src/DisplayGrid.js
import React,{Component} from 'react'
import { Container,Divider,Header,Card,Button } from 'semantic-ui-react';
import {Link} from 'react-router-dom'
import client from './feathers'

export default class DisplayGrid extends Component {
state = {
products:[]
};

jermsam

// src/feathers.js
import io from 'socket.io-client'
import feathers from '@feathersjs/client'
// Socket.io is exposed as the `io` global.
const socket = io('http://localhost:3030')
// @feathersjs/client is exposed as the `feathers` global.
const client = feathers()            
               .configure(feathers.socketio(socket))              
          //incase we later have to do authentication               
               .configure(             

jermsam

// src/models/products.model.js

// See http://docs.sequelizejs.com/en/latest/docs/models-definition/
// for more of what you can do here.
const Sequelize = require('sequelize');
const DataTypes = Sequelize.DataTypes;
module.exports = function (app) {
const sequelizeClient = app.get('sequelizeClient');
const products = sequelizeClient.define('products', {
id: {

jermsam

require('dotenv').config();
const Sequelize = require('sequelize');
...
module.exports = function (app) {
const {dialect,host,user,pwd,database,port}=process.env;
const connectionString = `${dialect}://${user}:${pwd}@${host}:${port}/${database}`;
const sequelize = new Sequelize(connectionString, {
dialect: 'mysql',
logging: false,
operatorsAliases,

jermsam

host = 'localhost'
dialect = 'mysql'
database = 'myapp-db'
port = 3306
user = 'root'
pwd = ''

jermsam

// src/WithCrossCuttingConcerns.js
import React,{Component} from 'react'
import PropTypes from 'prop-types'
import client from './feathers'

class WithCrossCuttingConcerns extends Component{

    state={
        products:[],
    }

jermsam

// src/DisplayGrid.js
import React from 'react'
import { Container,Divider,Header,Card,Button } from 'semantic-ui-react';
import {Link} from 'react-router-dom'
import WithCrossCuttingConcerns from './WithCrossCuttingConcerns'

const DisplayGrid = () =>(
   <Container textAlign='center'>
   <Divider section hidden/>
   <Header> Display Grid</Header>

jermsam

// src/StockTable.js
import React from 'react'
import { Container,Divider,Header,Table,Button} from 'semantic-ui-react';
import {Link} from 'react-router-dom'
import moment from 'moment'
import WithCrossCuttingConcerns from './WithCrossCuttingConcerns'

function StockTable(){
  
  const computeRunningCost = (thisProduct,products)=>{

jermsam

import React,{Component} from 'react'
import PropTypes from 'prop-types'
import client from './feathers'

async function getUserIdFromJwtTocken() {
    try {
      const token = localStorage.getItem('feathers-jwt');
      // console.log('token: ',token)
      const payload = await client.passport.verifyJWT(token);
      console.log('payload: ',payload)