-
Notifications
You must be signed in to change notification settings - Fork 2
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
Nickakhmetov/HMP-349 / HMP-361 Update shared icons/links to use TS/MUI Styles #3255
Conversation
…x alpha conversions
* bump dependency versions * Only use typescript rules with typescript files * use nullish coalescer instead of ternary * Prefer interfaces over types * type the `groups` arg itself as LinkGroupType * Fix `rest` props * avoid unsafe assignment of `any` value by typing styled components * update to prettier 3, update eslint prettier plugin accordingly * rerun `lint:fix` after prettier 3 upgrade * clean up unsafe assignment of `any` value * type LinkButton as an anchor element * fix remaining "unsafe color cast" * add prettier as default yaml formatter * add ignore paths for prettier, add prettier linting for md/json/yaml * Fix parser settings in prettierrc, target all files in ingest-validation-tools * apply upstream package.json changes * changelog + fixed settings.json to properly identify "markdown" vs. "md" * use `.ts` extension when exporting types * NickAkhmetov/HMP-390 Apply `prettier` formatting to `md`, `json` and `yaml` files (#3250) * Run `prettier write .` * use `.ts` extension when exporting types * Keep `eslint` calls confined to only eslint file types * Revert html template changes, add to prettierignore * Add plugins to let ESLint parse MD/JSON/YAML and hand them off to prettier for formatting * `prettier --write .` * Prettier fixes * fix imports in tutorial cypress test
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.
Approved as is, but is there any way to cut down on the amount of boilerplate in icons.ts
?
I'll look into how I can improve on this. There are a lot of icons throughout the site which were dependent on the |
This PR adjusts the
icons
andlinks
directories' components to be fully TypeScript compatible and enables the use ofsx
and other MUI props on the styled icons.Styled icons still default to 1rem by default, and appearance matches prod.