Mobile app component functionality

[abdullahmorrison]

Scale:

• [x] #24
• [x] update slider value (post req)
• [x] fetch scales
  • [x] #23
  • [x] fetch from production
    • [x] Edit the api to allow selective editing (graphql???)
• [x] open scale modal (edit button)

ScaleModal:

• [x] popup on edit and create
• [x] add scale
• [x] edit scale
• [x] close modal (press cancel, back button)
• [x] delete scale

AddScaleButton

• [x] open ScaleModal

[abdullahmorrison]

• [x] fix type to use ScaleType

I only want to use parts of the ScaleType

Figure out which one to use: https://www.typescriptlang.org/docs/handbook/utility-types.html

[abdullahmorrison]

• [x] Change scaleType title -> goal

[abdullahmorrison]

• [ ] remove all console.error / log

[abdullahmorrison]

• [x] refactor how the scale modal pops up

[abdullahmorrison]

• [x] update scale list data after an edit patch req has been made

[abdullahmorrison]

• [x] Adding a new scale is determined by whether the id of the scaleToEdit state is empty. I don't like this. It doesn't feel like the right/clean way to do this.