195 frontend workout frequency chart 1

[BitsyBirb]

What type of PR is this? (Check all that apply)

• [X] ✨feature: Introduces completely new code or new features.
• [ ] 🐛fix: Implements changes that fix a bug. Ideally, reference an issue if present.
• [ ] ♻️refactor: Includes any code-related change that is neither a fix nor a feature.
• [ ] ✅build: Encompasses all changes related to the build of the software, including changes to dependencies or the addition of new ones.
• [ ] ⚡️test: Pertains to all changes regarding tests, whether adding new tests or modifying existing ones.
• [ ] 🚰ci: Involves all changes related to the configuration of continuous integration, such as GitHub Actions or other CI systems.
• [ ] 📚docs: Includes all changes to documentation, such as README files, or any other documentation present in the repository.
• [ ] 🗑️chore: Captures all changes to the repository that do not fit into the above categories.

Description

What did you change? How did you change it?

Implemented line chart that plots how many times the logged-in user has exercised in each month of the current year.

Component can be found in ~/apps/expo/src/components/workout/frequency_graph.tsx and the name of the component itself is DisplayWorkoutFrequencyGraph({userID: number}). You pass the userID of the global context into it.

Has styling issues that I'd like to address with the rest of the team such as finalizing the design or adding to it, but for now the prototype is good to go and gets the proper data/plots it.

Tests

How was this tested?

• [ ] Unit tests
• [ ] Integration tests
• [ ] E2E tests
• [X] Manual tests
• [ ] Tests were NOT needed
• [ ] Other (explain below)

[Optional] Screenshots

Documentation

• [ ] Added to README.me
• [ ] Seperate document
• [X] NO documentation needed

Link to external documentation: https://www.npmjs.com/package/react-native-gifted-charts

[Optional] Are there any post-deployment tasks we need to perform?

Besides reviewing the styling and cleaning it up a bit, not to my understanding.

[taylorfinelli]

If you need sample code to look at for the styling you can look at apps/expo/src/components/post/PostDashboard.tsx

[mva919]

I think you can style it as the mock up if you just change the background color

[taylorfinelli]

Added myself and marcos as reviewers

[taylorfinelli]

Use case:

[taylorfinelli]

Updated: