add repo name in alert

[dipanshurdev]

Fixes Issue

Fixed #93

Changes proposed

Update query params in URL(Form), Tost, and Page Components.

Check List (Check all the applicable boxes)

• [ ] My code follows the code style of this project.
• [ ] My change requires changes to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] All new and existing tests passed.
• [ ] This PR does not contain plagiarized content.
• [ ] The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

Added some styling

Summary by CodeRabbit

• New Features

  • Enhanced the Toast notification system to display repository information when alerts are triggered.

• Improvements

  • Updated form submission to include repository details in the success redirect URL for better user context.

[vercel[bot]]

@amanr-dev is attempting to deploy a commit to the EddieHub Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai[bot]]

Walkthrough

The recent update enhances the user experience by incorporating repository information into alert messages and URL query parameters. When users perform actions that trigger alerts, the repository name is now displayed, and the success message URL includes the repository owner and name, providing a more informative and personalized interaction.

Changes

File(s)	Change Summary
src/app/page.js	Added a repo variable to capture the "repo" parameter from the URL query string. Modified the Toast component to include the repo prop when alert is truthy. Extended the timeout duration for the router.push call from 4000 to 5000 milliseconds when the alert is truthy.
src/components/Toast.js	Modified the Toast function to wrap the message in a span with the classes "font-bold", and to split the message into two parts, with the first 18 characters in one span and the rest in another span with the class "text-white". Changed the class of the span wrapping the message from "font-semibold" to "font-bold".
src/app/rate/Form.js	The redirect function call within the Form component has been modified to include additional query parameters for the success message, incorporating the repository owner and name into the redirect URL.

Assessment against linked issues

Objective	Addressed	Explanation
Show Repo name in alert (#93)	✅
Include Owner and Repo's name in search query	✅

Poem

🐇 Here's to the code that we've spun,
With each push, we've all but won.
Alerts now with a repo's name,
A rater's journey, never the same. 🌟

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

---

Tips

### Chat There are 3 ways to chat with CodeRabbit: - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit .` - `Generate unit-tests for this file.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit tests for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai generate interesting stats about this repository from git and render them as a table.` - `@coderabbitai show all the console.log statements in this repository.` - `@coderabbitai read src/utils.ts and generate unit tests.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### 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. Additionally, you can add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### 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` ### CodeRabbit Discord Community Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback.

[dipanshurdev]

Hi @eddiejaoude , please review and test the PR👍

[dipanshurdev]

Thank you for the contribution.

By adding another parameter to the toast component, we cannot use it for anything else. Please update the return string to contain the whole message, so the toast component is more generic and reusable

Removed the "repo" param.

[dipanshurdev]

Little bit javascript for changing the text color and it's tested.