fud.todo

https://atom.io/packages/tasks
fn cmd d

Super stretch:
  ☐ use okta for login authentication
  ☐ getting auto-categories for foods entered


UI (reminder)
    css styling should be camelcased

On App:
  ☐ think about how to indicate which tab you're on as well as styling for selecting others
  ☐ have the text 'recipe, fridge, shop'

On Fridge:
  Function:
    ✔ check one or multiple food items. thing appears at bottom showing you options on what you can do.. or, it's greyed out until you check something @done(2019-04-26 16:35) @project(On Fridge / New)
    ✔ think of how to visually differentiate the optional ones @done(2019-04-26 16:35) @project(On Fridge / New)
    ☐ make foodpopover close on outside click: https://medium.com/@pitipatdop/little-neat-trick-to-capture-click-outside-react-component-5604830beb7f
    ☐ make sure right action panel doesn't overlap with the food table
    ☐ adding food dropdown should default to last compartment added to
    ☐ expiry date indicator
    ☐ sort by columns?
    ☐ write edit button

    ✔ uninstall unused packages @done(2019-04-26 23:06) @project(On Fridge / Function)

    Style:
    ✔ clean up selector code in addfood @done(2019-05-03 21:06) @project(On Fridge / Function)
    ☐ make sure all functions aren't arrowy
    Critical:
    ✔ SERVICE OPTIONAL ITEMS @done(2019-04-26 21:21) @project(On Fridge / Function)
    ✔ make add button reactive @done(2019-05-03 20:51) @project(On Fridge / Function)
    ☐ launch
    ✔ date validation @done(2019-04-26 22:59) @project(On Fridge / Function)
    ✔ format prices? @done(2019-04-26 22:20) @project(On Fridge / Function)
    ✔ close off other tabs @done(2019-04-26 20:24) @project(On Fridge / Function)





FridgeView, 544
        // <div className="foodAction" style={this.props.actionStyle}> edit </div>


App, 60
            <Nav.Link onClick = {() => this.props.onClick("fridge")}
                      className="noPadding">
              <img className="fridgeIcon" src={require('./icons/fridge.svg')} alt="fridge icon" />