#195 Reactive Toast Button

[emirdur]

Changes

Added a more interactive design for the "Start New Run" button which also displays a toast for successfully running said task.

Notes

Could be utilized for future buttons that require toast message pop-ups. Note that the current setting for this button has it so that the background color is red, so would need readjustment of style and the type of toast pop-up.

Test Cases

See screenshots.

Screenshots

To Do

Any remaining things that need to get done

• [x] Remove the import "import { ToastService } from 'src/app/toast.service';" from "src/components/argos-button/argos-button.component.ts"
• [ ] Merge the argos button and toast button components into one by specifying the message, etc. but still needs talking through

Checklist

It can be helpful to check the Checks and Files changed tabs. Please review the contributor guide and reach out to your Tech Lead if anything is unclear. Please request reviewers and ping on slack only after you've gone through this whole checklist.

• [ ] All commits are tagged with the ticket number
• [ ] No linting errors / newline at end of file warnings
• [ ] All code follows repository-configured prettier formatting
• [ ] No merge conflicts
• [ ] All checks passing
• [ ] Screenshots of UI changes (see Screenshots section)
• [ ] Remove any non-applicable sections of this template
• [ ] Assign the PR to yourself
• [ ] No package-lock.json changes (unless dependencies have changed)
• [ ] Request reviewers & ping on Slack
• [ ] PR is linked to the ticket (fill in the closes line below)

Closes #195 (issue #)

[RChandler234]

toasts successes and errors because how we handle posts right now doesn't allow us to catch the error from the frontend as cleanly as we do in FinishLine, cleaning up in another ticket