-
Notifications
You must be signed in to change notification settings - Fork 164
feat: settings component for section, subsection and unit #2505
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
base: master
Are you sure you want to change the base?
Conversation
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #2505 +/- ##
==========================================
+ Coverage 94.64% 94.70% +0.05%
==========================================
Files 1188 1207 +19
Lines 26237 27012 +775
Branches 5690 5921 +231
==========================================
+ Hits 24832 25581 +749
- Misses 1346 1372 +26
Partials 59 59 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
ee19008 to
8b1a4a1
Compare
|
Hi @ahtesham-quraish thank you for this contribution! Could you please update the PR description with a screen recording showing the implementation to support product review (or mark it as a draft if you're still making changes to the PR)? |
|
I have updated the PR with SS, please check now if you still need anything else let me know. |
|
Thanks @ahtesham-quraish. @sdaitzman will review the screenshots and let us know if this looks ready to move forward. BTW, I noticed you still have a lot of PRs open in this repo, most of which have changes that have been requested which you haven't addressed yet: https://github.com/openedx/frontend-app-authoring/pulls/ahtesham-quraish . Could you please either update or close those PRs before opening any new ones? |
8b1a4a1 to
fb49f9e
Compare
|
@edschema I have disabled the checkbox for unit I have used the paragon colors for making the checkbox disabled and label along with it gets disabled automatically. Can you please see this and let me know in case any change?
|
|
Minor nit: remove the space between "can not" to read "cannot". This is our mistake in the original designs. Besides that looks good to me if using default Paragon inactive styling. Thanks! |
fb49f9e to
c9daf42
Compare
This is done you can check now. @edschema |
|
@ahtesham-quraish @bradenmacdonald this looks good to me, ready for code review. Thanks! |
|
@bradenmacdonald can you please review it? |
bradenmacdonald
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ahtesham-quraish This is just the UI, but it doesn't actually load or save the settings, right? We can't merge it until it's actually working, unless we put it behind a feature flag.
Are you planning to implement the rest, so that it actually works, or is that something you want help with?
| // eslint-disable-next-line import/no-extraneous-dependencies | ||
| import { Tab, Nav } from 'react-bootstrap'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same comment as the other PR:
We should not be directly importing from
react-bootstrap. That's what the eslint warningimport/no-extraneous-dependenciesis trying to tell you.Future versions of Paragon may be refactored to not use bootstrap at all, so we should only use Paragon APIs.
| import { SettingsPanel } from './SettingsPanel'; | ||
| import messages from './messages'; | ||
|
|
||
| const renderWithIntl = (ui: React.ReactNode) => render( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We usually just use render from @src/testUtils which includes IntlProvider and more, but this is fine too.
| const [visibility] = useState('default'); | ||
| const [resultsVisibility] = useState('show'); | ||
|
|
||
| const disableAll = true; // 👈 set to false to re-enable |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is the purpose of this disableAll ?


Description
Settings component for section, subsection and unit
#1976
Supporting information