feat: [FC-0047] Course progress and collapsing sections

[PavloNetrebchuk]

https://www.figma.com/design/iZ56YMjbRMShCCDxqrqRrR/Open-edX-Mobile-App-All-Screens-v2.1?node-id=9146-62028&t=9uhsH3nbuxmXNajx-4

---

Light Theme	Dark Theme

---

Downloading icon	Not Downloaded	Downloading	Downloaded

---

Completion	Light Theme	Dark Theme

[openedx-webhooks]

Thanks for the pull request, @PavloNetrebchuk! Please note that it may take us up to several weeks or months to complete a review and merge your PR.

Feel free to add as much of the following information to the ticket as you can:

• supporting documentation
• Open edX discussion forum threads
• timeline information ("this must be merged by XX date", and why that is)
• partner information ("this is a course on edx.org")
• any other information that can help Product understand the context for the PR

All technical communication about the code itself will be done via the GitHub pull request interface. As a reminder, our process documentation is here.

Please let us know once your PR is ready for our review and all tests are green.

[mphilbrick211]

Hi @PavloNetrebchuk! Is this for an FC project with Axim?

[PavloNetrebchuk]

Hi @PavloNetrebchuk! Is this for an FC project with Axim?

Hello @mphilbrick211 Yes

[volodymyr-chekyrta]

Can we remove this odd ripple effect or at least limit it to the section heading where the user taps?

https://github.com/openedx/openedx-app-android/assets/127732735/4375dcb0-24c5-47cb-82bb-d778d3b5198d

[volodymyr-chekyrta]

@PavloNetrebchuk please update the config structure according to the https://github.com/openedx/openedx-app-android/pull/319

[sdaitzman]

Hi @PavloNetrebchuk, this looks great overall! A couple of design questions/feedback I wanted to check on:

1. In light mode, sections should use the light theme shade color #F9FAFB as their background color. In the last screenshot, it looks like it might be using a darker color?
2. In dark mode, the download icon should use the lighter dark theme accent text color #879FF5 for contrast/accessibility reasons

[PavloNetrebchuk]

Hello @sdaitzman, Thank you for your feedback.

1. I double-checked the section color, and it is correct. It may appear darker in the screenshot due to compression.
2. You are right; I used the wrong color previously. It has been corrected now.

[sdaitzman]

Thanks, @PavloNetrebchuk! Everything else looks great to me from a design standpoint.

[openedx-webhooks]

@PavloNetrebchuk 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

[HamzaIsrar12]

Hey @PavloNetrebchuk, I pulled this branch and noticed that the download button seems a bit buggy. Could you please take a look?

https://github.com/openedx/openedx-app-android/assets/71447999/3d381757-ab24-49a5-a108-fcf87a67a416

[PavloNetrebchuk]

Hello, @HamzaIsrar12 You're right. I only had one downloadable item in the course when I tested it. I'll create a PR with the fix ASAP.