bytesizedpcs

import React, { Component } from 'react';
import TextField from '@material-ui/core/TextField';
import Grid from '@material-ui/core/Grid';
import { createOptions, createColorOptions } from '../helpers/options';

export class Inputs extends Component {

  render() {
    const fields = ['submittedBy', 'customerCode', 'customerName', 
                    'quantityOption', 'orderNumber', 'footProtectorItemNumber', 'pillowItemNumber',

bytesizedpcs

import React, { Component } from 'react';
import TextField from '@material-ui/core/TextField';
import Grid from '@material-ui/core/Grid';
import { createOptions, createColorOptions } from '../helpers/options';

export class FootProtectorQuantity extends Component {
  isFPNo = value => value.toLowerCase() === 'no';

  componentDidUpdate() {

bytesizedpcs

class QueryTable extends React.Component {
  state = {
    order: 'asc',
    sortedBy: 'meat',
    query: 'chicken',
    columnHeaders: ['meat', 'protein (g)', 'calories (cal)', 'carbohydrates (g)', 'fat (g)'],
    rows: [
      ['chicken breast', '25g', '200cal', '37g', '8g'],
      ['fried chicken', '45g', '450cal', '21g', '16g'],
      ['beef stew', '20g', '250cal', '8g', '14g'],