-
Notifications
You must be signed in to change notification settings - Fork 16
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
Refactor PM-407: Outcome components #245
Conversation
…o refactor/pm-407/outcome-components
…o refactor/pm-407/outcome-components
…o refactor/pm-407/outcome-components
…o refactor/pm-407/outcome-components
}) => ( | ||
<div className="outcomes outcomes--categorical"> | ||
<div className={cx('outcomeWrapper')}> | ||
<div className="entry__color" style={entryStyle} /> |
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.
Why not use cx('entry')
here?
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.
@andre-meyer Will fix that, this is related to the question I asked you today about adding class names for elements with no style imported from .scss
const TrendingOutcomeCategorical = ({ | ||
entryStyle, outcome, percentage, resolutionDate, | ||
}) => ( | ||
<div className="outcomes outcomes--categorical"> |
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.
cx('outcomes', 'categorical')
if we're going for css-modules, we need to use the bound styles everywhere
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.
👌
@@ -60,6 +60,8 @@ module.exports = { | |||
loader: 'css-loader', | |||
options: { | |||
sourceMap: true, | |||
importLoaders: 2, |
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 does this do?
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.
@@ -60,6 +60,8 @@ module.exports = { | |||
loader: 'css-loader', | |||
options: { | |||
sourceMap: true, | |||
importLoaders: 2, | |||
localIdentName: '[name]--[local]--[hash:base64:8]', |
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.
Doesn't this break all previously declared global css?
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.
@andre-meyer Right now it doesn't, it will break after we set modules: true
, this is just some kind of preparation for names 😃
…o refactor/pm-407/outcome-components
This PR:
components/Outcome
TrendingOutcomeScalar
andTrendingOutcomeCategorical
webpack.config.dev.js
for CSS modules