[Manan-Sharma-5]

Summary by CodeRabbit

• New Features

  • Enhanced onboarding experience with improved routing and state management.
  • Added a multi-step collaboration creation process with confirmation messaging.
  • Introduced icons for menu items in the drawer layout for better navigation.

• Bug Fixes

  • Resolved issues with state resets after form submissions in onboarding.

• Style

  • Updated styles for modal components and menu items to improve visual presentation.

• Chores

  • Updated dependencies for mapping capabilities and improved overall application performance.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

The pull request introduces several structural changes across multiple components, focusing on context providers, routing logic, and UI enhancements. Key modifications include the removal of the BrandContextProvider in favor of a single ChatContextProvider, updates to routing paths for onboarding components, and the addition of new styles and state management features in modal components. The changes also include the introduction of a new CustomPaperTheme function for dynamic theming and enhancements in media handling within the InfluencerCard component.

Changes

File Path	Change Summary
app/(main)/_layout.tsx	Modified MainLayout to use only ChatContextProvider, adjusted Stack component structure, and updated screenOptions with headerShown set to false.
app/(onboarding)/onboarding-brand-preference.tsx	Reset state variables after preference submission and updated routing path to "/(onboarding)/onboarding-get-started".
app/(onboarding)/onboarding-your-brand.tsx	Updated routing path from "/onboarding-brand-preference" to "/(onboarding)/onboarding-brand-preference".
app/_layout.tsx	Added useTheme and CustomPaperTheme, adjusted context provider hierarchy, and modified routing logic to handle onboarding group scenarios.
app/modal.tsx	Enhanced CreateCollaborationScreen with a new state variable for screen management and added a confirmation screen after collaboration posting.
app/modal.web.tsx	Introduced CreateCollaborationScreen with a multi-step form for collaboration creation, including a map interface for location selection.
components/InfluencerCard.tsx	Updated renderMediaItem for better image handling and simplified video playback logic.
components/collaborations/index.tsx	Added useIsFocused hook to manage focused state, with no changes to component logic.
components/drawer-layout/DrawerMenuContent.tsx	Added icons to menu items and updated routing path for BrandActionItem.
components/drawer-layout/DrawerMenuItem.tsx	Introduced icon property to Tab type and adjusted layout to include icons in the menu items.
components/proposals/Applications.tsx	Modified fetchProposals to include selectedBrand in the query and updated the useEffect dependency array.
components/proposals/Invitations.tsx	Updated useEffect to include selectedBrand for re-fetching proposals and added filtering logic using useMemo.
components/ui/brand-switcher/index.tsx	Added contentStyle property to Menu and updated styling for Menu.Item.
constants/Themes/Theme.ts	Introduced CustomPaperTheme function for dynamic theming based on the current theme context.
contexts/auth-context.provider.tsx	Added pushNotificationToken and settings to user data structure, updated routing logic for email verification, and improved error handling in signUp method.
contexts/chat-context.provider.web.tsx	Initialized ChatContext with default values instead of null.
package.json	Added dependencies for leaflet and react-leaflet, along with TypeScript types for Leaflet.
package.web.json	Similar updates to package.json for web, adding Leaflet and React-Leaflet dependencies.
styles/modal/UploadModal.styles.tsx	Added new styles for modal layout and adjusted existing styles for improved appearance.
styles/signup.styles.tsx	Introduced zIndex property to logo style for stacking order adjustment.
types/Manager.ts	Reduced Manager interface by removing several properties, simplifying its structure.

Possibly related PRs

• Firebase setup #2: Modifications to context providers in MainLayout may relate to context structure changes in this PR.
• Menu and brand switch items #5: Updates in routing structure and screen management may connect with layout changes in this PR.
• added firebase auth #7: Changes in context providers could be relevant to updates in authentication logic in this PR.
• bug fixes #10: Focus on layout and context structure may relate to UI component bug fixes in this PR.
• added integration #11: Changes to layout and context providers might connect with dynamic theming and UI feedback in this PR.
• Implementation for group creation after application is accepted #12: Restructuring of MainLayout could relate to updates in CollaborationApplicationPage in this PR.
• Bug fix/UI feedback color changes #20: Adjustments to layout and context providers may connect with UI feedback and color changes in this PR.
• bug fixes #22: Routing logic changes may relate to adjustments in onboarding-brand-preference component routing in this PR.

Suggested reviewers

• dev-rathore

Poem

🐰 In the meadow, changes bloom,
Contexts shift, dispelling gloom.
New paths we tread, with themes so bright,
Collaboration takes its flight!
With icons shining, we hop with glee,
A world of wonders, come join me! 🌼✨

---

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
• Mastodon
• Reddit
• LinkedIn

🪧 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 <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• 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 testing code 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 gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

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 using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• 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/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.