Shows a circular progress meter for the current goal progress
If the goal is not done, it should say for example: "2 to go!"
If the goal is done, there should be text saying Goal Complete!
Shows the remaining time in human-readable form e.g. 1 hour or 3 days, etc
If there is no goal set, show some text telling them to add a goal
If there is a goal, there should be a button for goal settings
Hovering over the goal should show the goal settings
Goal add/settings modal
Has 3 input fields:
Number of encounters needed: number input
Duration: dropdown with options: 1 day, 1 week, 1 month
Recurring: checkbox
If the modal is used for adding, the title should be "Add a new goal"
If the modal is used for editing, the title should be "Goal settings" and there should be an extra button to remove the goal
Note: Not connected to backend. Blocked by progress of backend implementation
To view different Goal summary components uncomment and comment lines 172 and 173 in home.js
Goal added to home page
Goal add/settings modal
Note: Not connected to backend. Blocked by progress of backend implementation To view different Goal summary components uncomment and comment lines 172 and 173 in home.js