[ ] Ensure that each component is customizable through props and use the project default styles and color themes.
[ ] Make sure to apply the project's default styles (./CreateActivityButtonStyles.css) to the components. Modify the CSS file to support the new components, using constants for colors and styles that align with the global theme.
[ ] Define PropTypes for each new component to ensure proper prop validation.
[ ] Create test cases to verify that the components render correctly with different props.
To-Do List:
[ ] Begin by creating a new branch from the
develop
branch. The branch name should be same of the task name feature/issue-number-description.[ ] Build the component CreateActivityButton tour/popup/etc.(use exisiting button component frontend\src\components\Button\Button.jsx)
[ ] Ensure that each component is customizable through props and use the project default styles and color themes.
[ ] Make sure to apply the project's default styles (
./CreateActivityButtonStyles.css
) to the components. Modify the CSS file to support the new components, using constants for colors and styles that align with the global theme.[ ] Define PropTypes for each new component to ensure proper prop validation.
[ ] Create test cases to verify that the components render correctly with different props.