condo icon indicating copy to clipboard operation
condo copied to clipboard

feat(condo): DOMA-11559 update tour guide

Open tolmachev21 opened this issue 10 months ago • 2 comments

Screenshot 2025-05-07 at 11 10 46

Update Helm https://github.com/open-condo-software/infrastructure-condo/pull/580

Summary by CodeRabbit

  • New Features

    • Introduced a carousel with banners to showcase Resident App benefits, each with clearer titles, subtitles, and action buttons.
    • Updated the implementation guide to a grid of interactive step cards; clicking a card opens a modal with step details and downloadable materials.
    • Added locale-dependent display logic for app cards and video content on the tour page.
  • Style

    • Removed outdated guide and instructional text in English, Spanish, and Russian to improve clarity and tone.
    • Enhanced accessibility with descriptive image alt attributes.
    • Adjusted promo block styling for better content centering and layout.
  • Refactor

    • Simplified guide navigation by replacing accordions and scroll-based lists with modals and carousels for a more streamlined user experience.
    • Cleaned up unused styles, components, and imports related to the guide UI.
  • Documentation

    • Updated onboarding documentation with new environment variables for richer, structured guide content configuration.

tolmachev21 avatar May 07 '25 06:05 tolmachev21

[!WARNING]

Rate limit exceeded

@tolmachev21 has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 18 minutes and 22 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between 677735dbeb035b7975adaf234634f83c699617e3 and 293077789664151ab06bae35887d4f8e05a620db.

📒 Files selected for processing (1)
  • .helm (1 hunks)

"""

Walkthrough

This update removes all hardcoded localization strings related to the Resident Mobile App guide from English, Spanish, and Russian JSON files. The guide UI components are refactored to source their content from new, locale-scoped runtime configuration variables, with changes to layouts and modal logic. Documentation and configuration files are updated to reflect these new environment variable structures.

Changes

File(s) Change Summary
apps/condo/lang/en/en.json
apps/condo/lang/es/es.json
apps/condo/lang/ru/ru.json
Removed all localization strings related to the Resident Mobile App guide and onboarding tour, including step instructions, modal content, and promotional material descriptions.
apps/condo/pages/tour/guide.tsx Refactored UI to use runtime config for guide content; replaced scrollable cards and accordion with carousel and modal-driven card grid; improved accessibility; removed unused styles and imports; simplified locale extraction.
apps/condo/domains/onboarding/README.md Updated documentation to describe new environment variables for structured, locale-based guide content; removed references to deprecated variables.
apps/condo/pages/tour/index.tsx Made rendering of app cards and video section conditional on the presence of guide config for the current locale; extracted new config variables.
apps/condo/next.config.js Added parsing and inclusion of new guide config variables in runtime config; removed deprecated config entry.
.helm Updated submodule commit pointer for .helm directory without code or functionality changes.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant GuidePage
    participant RuntimeConfig

    User->>GuidePage: Loads /tour/guide
    GuidePage->>RuntimeConfig: Fetch guideAboutAppBlock & guideIntroduceAppBlock for locale
    alt If guideAboutAppBlock exists
        GuidePage->>User: Show About App carousel and modals with config content
    end
    alt If guideIntroduceAppBlock exists
        GuidePage->>User: Show Introduce App card grid and modals with config content
    end

Possibly related PRs

  • #6098: Updates the .helm submodule commit reference, similar to this PR's submodule pointer update but to a different commit.

Suggested labels

✋🙂 Review please

Poem

🐇
The guide strings have hopped away,
Now configs bring the words to play.
Cards and banners, bright and new,
Adapt to locale—just for you!
With modals, grids, and carousel light,
The onboarding path feels just right.
Hooray for configs—what a sight!

"""


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 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.
    • Explain this complex logic.
    • 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 explain this code block.
    • @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 explain its main purpose.
    • @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.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

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 generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this 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.

coderabbitai[bot] avatar May 07 '25 06:05 coderabbitai[bot]