8000 i18n change for ready_to_review by mrfinch · Pull Request #8027 · codecombat/codecombat · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

i18n change for ready_to_review #8027

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Jul 9, 2025
Merged

i18n change for ready_to_review #8027

merged 4 commits into from
Jul 9, 2025

Conversation

mrfinch
Copy link
Contributor
@mrfinch mrfinch commented Jul 1, 2025

Summary by CodeRabbit

  • Documentation
    • Added a new help text message in English guiding users to mark projects as complete for teacher review.
  • Refactor
    • Simplified and unified logo display in the navigation bar.
    • Improved navigation layout with fluid container and enhanced spacing.
    • Updated styling for better alignment and sizing of navigation elements.

Copy link
Contributor
coderabbitai bot commented Jul 1, 2025

Walkthrough

A new English localization string, ready_to_review_helptext, was added under the play_level section. The navigation component was updated to simplify logo rendering logic, replace container classes with a fluid layout, and adjust styling for spacing, alignment, and logo sizing. No changes were made to exported entities or control flow.

Changes

File(s) Change Summary
app/locale/en.js Added ready_to_review_helptext key to play_level translation section.
app/components/common/Navigation.vue Refactored navigation template for unified logo anchors, replaced .container with .container-fluid.nav-container, updated CSS for spacing, alignment, and logo sizing, renamed .right to .right-side-nav with flex styling.

Suggested reviewers

  • smallst

Possibly related PRs

Poem

A string was added, crisp and clear,
To help young coders persevere.
"Mark as complete," the message sings,
And to their teachers, progress brings.
With every word, the code grows bright—
Hopping forward, byte by byte! 🐇✨

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE package: 'treema@0.0.0',
npm warn EBADENGINE required: { node: '0.8.x' },
npm warn EBADENGINE current: { node: 'v24.3.0', npm: '11.4.2' }
npm warn EBADENGINE }
npm warn skipping integrity check for git dependency ssh://git@github.com/codecombat/treema.git
npm error Exit handler never called!
npm error This is an error with npm itself. Please report this error at:
npm error https://github.com/npm/cli/issues
npm error A complete log of this run can be found in: /.npm/_logs/2025-07-03T09_32_42_004Z-debug-0.log


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f5fdb0d and 88f2434.

📒 Files selected for processing (1)
  • app/components/common/Navigation.vue (8 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • app/components/common/Navigation.vue
⏰ Context from checks skipped due to timeout of 90000ms (2)
  • GitHub Check: ESLint CI
  • GitHub Check: Node.js CI (20.19.2)

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.

Copy link
Contributor
@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between b338db8 and 9d12bbd.

📒 Files selected for processing (1)
  • app/locale/en.js (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms (2)
  • GitHub Check: ESLint CI
  • GitHub Check: Node.js CI (20.19.2)

Comment on lines 6230 to 6232
run_code_tour_text: 'Press “Run Code” and watch your project come to life. No experience required!',
ready_to_review_helptext: 'Mark this when your project is complete. Your teacher will then see it as ready to review on their side.',
},
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Verification agent

❓ Verification inconclusive

Confirm key uniqueness & propagate to other locales

String content and formatting look fine.
Please double-check that the new key ready_to_review_helptext doesn’t already exist elsewhere and remember to add placeholder entries (or send to translators) in the remaining locale files so UI fallbacks behave as expected.

Run this to verify presence in non-English locale bundles:


🏁 Script executed:

#!/bin/bash
# Search for the new i18n key in all locale files except the English one
fd -e js 'locale' | grep -v 'en.js' | xargs rg 'ready_to_review_helptext' -n

Length of output: 72


Confirm new i18n key uniqueness & add to other locales

  • Ran a search for ready_to_review_helptext across all non-English locale files; no occurrences found.
  • Please add a placeholder entry for ready_to_review_helptext in each of the other locale bundles (e.g. app/locale/es.js, app/locale/fr.js, etc.) and forward them to your translators so UI fallbacks work as expected.
🤖 Prompt for AI Agents
In app/locale/en.js around lines 6230 to 6232, the new i18n key
'ready_to_review_helptext' is added only in the English locale. To fix this, add
a placeholder entry for 'ready_to_review_helptext' in all other locale files
such as app/locale/es.js, app/locale/fr.js, etc., with a temporary value (e.g.,
the English text or a marker like 'TODO: translate'). This ensures UI fallbacks
work correctly and translators can update these entries later.

@mrfinch
Copy link
Contributor Author
mrfinch commented Jul 3, 2025

Existing:
Screenshot 2025-07-03 at 2 07 57 PM

Updated:
Screenshot 2025-07-03 at 1 59 50 PM

Copy link
Contributor
@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (1)
app/components/common/Navigation.vue (1)

496-496: Unnecessary wrapper element added.

The .navbar-collapse.collapse wrapper appears redundant since the #navbar-collapse already exists on line 471 with the same classes.

Consider removing this wrapper to avoid duplication:

-          .navbar-collapse.collapse
-            ul.nav.navbar-nav.loggedin(v-if="!me.isAnonymous()")
+          ul.nav.navbar-nav.loggedin(v-if="!me.isAnonymous()")
📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 9d12bbd and f5fdb0d.

📒 Files selected for processing (1)
  • app/components/common/Navigation.vue (8 hunks)
🧰 Additional context used
🧠 Learnings (1)
app/components/common/Navigation.vue (1)
Learnt from: smallst
PR: codecombat/codecombat#7537
File: app/core/vueRouter.js:27-36
Timestamp: 2024-06-24T09:02:35.146Z
Learning: The user "smallst" agrees with the suggestion to refactor the conditional component loading in the Vue router configuration for better readability and maintainability.
⏰ Context from checks skipped due to timeout of 90000ms (2)
  • GitHub Check: ESLint CI
  • GitHub Check: Node.js CI (20.19.2)
🔇 Additional comments (9)
app/components/common/Navigation.vue (9)

446-446: Container class change looks good.

The change from .container to .container-fluid.nav-container enables full-width navigation with custom padding control, which is a good approach for responsive design.


540-540: CSS class rename is consistent.

The change from .right to .right-side-nav is more descriptive and aligns with the corresponding CSS changes.


568-571: Container padding addition is appropriate.

Adding horizontal padding to the nav container provides better control over the navigation spacing.


655-655: Logo gap reduction improves spacing.

Reducing the gap from 20px to 10px creates better visual balance between brand elements.


657-659: Ozaria logo height override is necessary.

The !important override ensures consistent logo sizing, w 8000 hich is appropriate for maintaining visual hierarchy.


684-684: Justify-content change may affect layout.

Changing from space-between to space-around alters the distribution of space between elements, which could impact the visual balance of the navigation.

Please verify that this change produces the desired layout across different screen sizes and content scenarios.


855-859: Right-side navigation styling is well-implemented.

The flex layout with proper alignment and gap spacing provides good visual structure for the navigation elements.


862-862: Logo height reductions maintain consistency.

Reducing the Tecmilenio/Tarena logo height from 35px to 30px and MTO logo height from 30px to 25px helps maintain visual consistency across different partner logos.

Also applies to: 866-866


1-1: PR title inconsistency with actual changes.

The PR title indicates "i18n change for ready_to_review" but this file contains only UI/layout changes. The AI summary mentions a new localization string was added to app/locale/en.js, but that file isn't provided for review.

Please verify that the correct files are included in this PR. If i18n changes were made to other files, they should be included in the review.

Likely an incorrect or invalid review comment.

@mrfinch mrfinch merged commit 412368e into master Jul 9, 2025
2 of 3 checks passed
@mrfinch mrfinch deleted the saurabh/assisted branch July 9, 2025 07:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant
0