feat: revised hover effect

dhananjay-Byte commented 8 months ago

closes #1134

👷🏻 Changes made

changed the hover effect of the outline buttons.

📸 Screenshots

Summary by CodeRabbit

Documentation
- Enhanced the README with a hyperlink to the contribution guidelines for pull request titles.
- Updated Docker setup instructions with a direct link to the Docker Desktop installation guide.
Bug Fixes
- Corrected the API endpoint URL in the userEndpoints object for user reports.
- Fixed a typo in the HomeBanner component text.
Style
- Removed unused styles related to .mib_numbercircle and adjusted font size in .mib_top_intro > h1.
- Updated button hover, focus, and active states with new background and text color, and added transition effects.
- Revised font families and colors in various elements of the Footer component for improved consistency and aesthetics.
Chores
- Removed console logs and unused code from Milaninfobanner and Footer components.
- Simplified the Modal component by removing unnecessary code related to createPortal.
Refactor
- Changed the Logout function to use a POST request instead of a GET request.

coderabbitai[bot] commented 8 months ago

Walkthrough

The changes across various files in the codebase include updates to documentation, code cleanup, and UI enhancements. A hyperlink was added to the README for better accessibility, Docker setup instructions were made more specific, and an API endpoint was corrected. CSS styles were updated for hover effects and font families, and unnecessary code was removed from components. The Logout function was also modified to use a POST request instead of GET.

Changes

File Path	Change Summary
`README.md`	Added hyperlink to "conventional Pull".
`docs/DockerSetup.md`	Updated Docker Desktop installation instructions with a specific link.
`src/assets/data/ApiEndpoints.js`	Updated `report` endpoint URL.
`src/components/Banners/...`	Removed unused styles and corrected a typo.
`src/components/Button/GlobalButton/Button.module.css`	Updated hover effect styles for buttons.
`src/components/Footer/...`	Updated font families and colors in CSS.
`src/components/Footer/Footer.jsx`	Cosmetic changes to component tags.
`src/components/Modal/Modal.jsx`	Removed `createPortal` usage and related code.
`src/service/MilanApi.js`	Changed `Logout` function to use POST request and removed console log.

Assessment against linked issues

Objective	Addressed	Explanation
#1134: Improve button hover effect to enhance UX	✅	The changes in `Button.module.css` reflect an updated hover effect, aligning with the objective to improve UX.
#1134: Hover effect should indicate navigation	❓	The change to the button's hover effect color could indicate navigation, but without context on the UI, it's unclear if it meets the objective.
#1134: Use heading color for hover effect or consider other suggestions	✅	The hover effect color was changed, potentially using the heading color as suggested.
#1134: Ensure no duplication of existing issues	❓	The assessment cannot be made without access to the project's issue tracker to verify duplication.
#1134: Contributor has read contributing guidelines	❓	The assessment cannot be made from the code changes alone; this requires non-codebase evidence.

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - If you reply to a *review comment* from CodeRabbit, the bot will automatically respond. - To engage with CodeRabbit bot directly around the specific lines of code in the PR, mention @coderabbitai in your review comment - Note: Review comments are made on code diffs or files, not on the PR overview. - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai help` to get help. Note: For conversation with the bot, please use the review comments on code diffs or files. ### CodeRabbit Configration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json). - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json`

tamalCodes commented 7 months ago

Important

Auto Review Skipped

Auto reviews are disabled on base/target branches other than the default branch. Please add the base/target branch pattern to the list of additional branches to be reviewed in the settings.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository.

To trigger a single review, invoke the @coderabbitai review command. Tips

Chat with CodeRabbit Bot (@coderabbitai)
* If you reply to a _review comment_  from CodeRabbit, the bot will automatically respond.

* To engage with CodeRabbit bot directly around the specific lines of code in the PR, mention @coderabbitai in your review comment

* Note: Review comments are made on code diffs or files, not on the PR overview.

* Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed.
CodeRabbit Commands (invoked as PR comments)
* `@coderabbitai pause` to pause the reviews on a PR.

* `@coderabbitai resume` to resume the paused reviews.

* `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository.

* `@coderabbitai help` to get help.

* `@coderabbitai resolve` to resolve all the CodeRabbit review comments.
Note: For conversation with the bot, please use the review comments on code diffs or files.

CodeRabbit Configration File (.coderabbit.yaml)
* You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository.

* The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json).

* If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json`

@coderabbitai review

ngoworldcommunity / NGOWorld