Skip to content
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

[GSoC'24] M1.3 - Modify translations frontend modal #20439

Merged
merged 36 commits into from
Jun 19, 2024

Conversation

Vir-8
Copy link
Contributor

@Vir-8 Vir-8 commented Jun 11, 2024

Overview

  1. This PR fixes part of [Feature Request]: Make it easy for exploration editors to update translations if trivial changes are made. #18549.

  2. This PR does the following: Creates the frontend modal for the exploration editor to modify the existing translations when they edit a piece of content that has already been translated. This modal is populated by the entire list of existing translations, including draft translations, and is completely up to date.

    Write acceptance tests, including adding the utility for the release coordinator user of enabling a feature flag, since this modal is gated behind a feature flag, to verify if the translations are seen for each of the following cases -

    1. Main content
    2. Interactions
    3. Hints
    4. Solution explanations
    5. Responses

Essential Checklist

Please follow the instructions for making a code change.

  • I have linked the issue that this PR fixes in the "Development" section of the sidebar.
  • I have checked the "Files Changed" tab and confirmed that the changes are what I want to make.
  • I have written tests for my code.
  • The PR title starts with "Fix #bugnum: " or "Fix part of #bugnum: ...", followed by a short, clear summary of the changes.
  • I have assigned the correct reviewers to this PR (or will leave a comment with the phrase "@{{reviewer_username}} PTAL" if I can't assign them directly).

Proof that changes are correct

Note that the acceptance test spec has not been added to the CI yet since it is gated behind a feature flag in dev, and such feature flags cannot be enabled in prod mode.

image
frontend.demo.mov

Draft translations and removing existing translations -

frontend.demo.2.mov

Proof of changes on mobile phone

Screen.Recording.2024-06-14.at.4.57.47.AM.mov

PR Pointers

Copy link

oppiabot bot commented Jun 11, 2024

Hi @Vir-8, can you complete the following:

  1. The body of this PR is missing the required description, please update the body with a description of what this PR does.
    Thanks!

@oppiabot oppiabot bot assigned Vir-8 Jun 11, 2024
Copy link

oppiabot bot commented Jun 11, 2024

Hi @Vir-8 please assign the required reviewer(s) for this PR. Thanks!

@Vir-8 Vir-8 requested review from seanlip and kevintab95 June 13, 2024 23:40
@Vir-8 Vir-8 marked this pull request as ready for review June 13, 2024 23:41
@Vir-8 Vir-8 requested a review from a team as a code owner June 13, 2024 23:41
Copy link

oppiabot bot commented Jun 16, 2024

Unassigning @kevintab95 since they have already approved the PR.

@kevintab95
Copy link
Member

Just one comment for @seanlip here #20439 (comment) (not a blocker and can be addressed in the next PR if required.)

Thanks!

@seanlip
Copy link
Member

seanlip commented Jun 17, 2024

Thanks @kevintab95, replied. @Vir-8 Can you please double-check that this looks right in RTL?

@seanlip seanlip assigned Vir-8 and unassigned seanlip Jun 17, 2024
@kevintab95 kevintab95 assigned seanlip and unassigned Vir-8 Jun 17, 2024
Copy link
Member

@seanlip seanlip left a comment

Choose a reason for hiding this comment

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

LGTM for dev workflow (3 codeowner files)

@seanlip seanlip assigned Vir-8 and unassigned seanlip Jun 18, 2024
@Vir-8 Vir-8 enabled auto-merge June 18, 2024 15:33
@Vir-8 Vir-8 added this pull request to the merge queue Jun 18, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Jun 18, 2024
@Vir-8 Vir-8 added this pull request to the merge queue Jun 18, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Jun 18, 2024
@Vir-8 Vir-8 added this pull request to the merge queue Jun 18, 2024
github-merge-queue bot pushed a commit that referenced this pull request Jun 18, 2024
* Create frontend modal with list of translations populated

* Display language names appropriately

* Stylize scrollbar and fix displaying rich text elements

* Fix button styles

* Handle populating draft translation changes appropriately

* Add comments for clarity

* Handle cases where translations have been removed and no translations are available

* Handle logic for removing published as well as draft translations appropriately

* Add frontend tests

* Write acceptance tests

* Fix lint errors and convert backend dicts appropriately

* Fix merge conflict

* Fix lint issue

* Fix typescript issues

* Fix merge issue

* Fix frontend test failure

* Fix acceptance testing, add feature flag utility

* Fix merge issues

* Fix lint issues

* Fix typo

* Make release coordinator page responsive and fix acceptance testing

* Fix lint issues

* Fix e2e test failing

* Attempt to fix acceptance test

* Remove acceptance test from CI

* Add todo comment for acceptance testing

* Address comments

* Address comments

* Fix lint issue
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Jun 18, 2024
@Vir-8 Vir-8 enabled auto-merge June 19, 2024 06:38
@Vir-8 Vir-8 added this pull request to the merge queue Jun 19, 2024
github-merge-queue bot pushed a commit that referenced this pull request Jun 19, 2024
* Create frontend modal with list of translations populated

* Display language names appropriately

* Stylize scrollbar and fix displaying rich text elements

* Fix button styles

* Handle populating draft translation changes appropriately

* Add comments for clarity

* Handle cases where translations have been removed and no translations are available

* Handle logic for removing published as well as draft translations appropriately

* Add frontend tests

* Write acceptance tests

* Fix lint errors and convert backend dicts appropriately

* Fix merge conflict

* Fix lint issue

* Fix typescript issues

* Fix merge issue

* Fix frontend test failure

* Fix acceptance testing, add feature flag utility

* Fix merge issues

* Fix lint issues

* Fix typo

* Make release coordinator page responsive and fix acceptance testing

* Fix lint issues

* Fix e2e test failing

* Attempt to fix acceptance test

* Remove acceptance test from CI

* Add todo comment for acceptance testing

* Address comments

* Address comments

* Fix lint issue
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Jun 19, 2024
@Vir-8 Vir-8 added this pull request to the merge queue Jun 19, 2024
Merged via the queue into oppia:develop with commit 5948644 Jun 19, 2024
94 checks passed
@Vir-8 Vir-8 deleted the modify-translations-frontend-modal branch June 19, 2024 09:44
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.

None yet

5 participants