-
Notifications
You must be signed in to change notification settings - Fork 15
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
Feature/km/add recorder timer #116
Feature/km/add recorder timer #116
Conversation
width: 100%; | ||
resize: none; | ||
padding: 0.5rem 1rem; | ||
@include regular; |
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.
Expected item on line 246 to appear before line 240. Rule sets should be ordered as follows: @extends
, @includes
without @content
, properties, @includes
with @content
, nested rule sets
border: 0.1rem solid $light-gray; | ||
border-radius: $radius; | ||
// min-height: 10rem; | ||
width: 100%; |
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.
Properties should be ordered border, border-radius, color, font-size, padding, resize, width
font-size: 1.4rem; | ||
color: $text-color; | ||
} | ||
textarea{ |
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.
Opening curly brace {
should be preceded by one space
|
||
.c-text-answer{ | ||
padding: 2rem 3rem 1rem; | ||
.c-text-answer{ |
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.
Opening curly brace {
should be preceded by one space
50%{ | ||
opacity: 0; | ||
} | ||
100%{ |
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.
Opening curly brace {
should be preceded by one space
} | ||
50%{ | ||
opacity: 0; | ||
} |
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.
Rule declaration should be followed by an empty line
0%{ | ||
opacity: 1; | ||
} | ||
50%{ |
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.
Opening curly brace {
should be preceded by one space
@keyframes blink { | ||
0%{ | ||
opacity: 1; | ||
} |
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.
Rule declaration should be followed by an empty line
opacity: 1; | ||
} | ||
@keyframes blink { | ||
0%{ |
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.
Opening curly brace {
should be preceded by one space
} | ||
} | ||
&.c-btn--stop:active{ |
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.
Opening curly brace {
should be preceded by one space
background: $incorrect; | ||
span:before{ | ||
animation: blink 2s linear infinite; | ||
-webkit-animation: blink 2s linear infinite; |
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.
Avoid vendor prefixes.
border-color: darken($incorrect, 15%); | ||
background: $incorrect; | ||
span:before{ | ||
animation: blink 2s linear infinite; |
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.
Properties should be ordered -webkit-animation, animation
background: darken($incorrect, 15%); | ||
border-color: darken($incorrect, 15%); | ||
background: $incorrect; | ||
span:before{ |
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.
Rule declaration should be preceded by an empty line
Begin pseudo elements with double colons: ::
Opening curly brace {
should be preceded by one space
&.c-btn--stop:active{ | ||
background: darken($incorrect, 15%); | ||
border-color: darken($incorrect, 15%); | ||
background: $incorrect; |
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.
Expected item on line 212 to appear before line 206. Rule sets should be ordered as follows: @extends
, @includes
without @content
, properties, @includes
with @content
, nested rule sets
|
||
&.c-btn--stop{ |
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.
Opening curly brace {
should be preceded by one space
@include transition(all 0.1s ease); | ||
|
||
&:hover{ | ||
&:before{ | ||
content: ''; |
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.
Properties should be ordered background, border-radius, content, height, left, position, top, width
Prefer double-quoted strings
} | ||
} | ||
|
||
handleTimerCount = () => { |
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 just declare these as functions on the class instead of declaring them as lambdas? Like above with tick()
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.
Is the way I've coded this not a best practice? I certainly welcome tips on JS/React best practices.
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.
Ah, you mean on handleTimerCount. Will do!
I moved the player style folders into a subfolder, and that is up on master. It is ignored by hound, but you may have some conflict with the moved files. Sorry |
client/tools/build/index.js
Outdated
@@ -159,7 +159,8 @@ function watch(){ | |||
|
|||
module.exports = { | |||
watch : watch, | |||
build : build | |||
build : build, |
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.
Expected property shorthand object-shorthand
props = { | ||
timeout: 100, | ||
}; | ||
result = TestUtils.renderIntoDocument(<RecorderTimer {...props} />); |
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.
JSX not allowed in files with extension '.js' react/jsx-filename-extension
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.
You will want to rename this to recorder_timer.spec.jsx for the jsx syntax
Update our master to synch with atomic jolt
ab38bd3
to
cd4ff39
Compare
OK, updates made @BenHSmith13. Can you review again? |
You will want to rename this to recorder_timer.spec.jsx for the jsx syntax |
Also, the stuff Justin added that fixed the css caused the specs to break. I fixed it in the PR I just opened |
Update our master branch with Atomic Jolt's master branch
Update CLIxIndia-Dev master to sync with latest Atomic Jolt master
re-sync CLIxIndia-Dev master with Atomic Jolt master
sync CLIx-dev master w Atomic Jolt master
144bee1
to
6517b83
Compare
sync CLIx fork with Atomic Fork
6517b83
to
e95035c
Compare
Update our master with atomic jolt master
669adfc
to
b21626a
Compare
* adds recorder timer, mods ui, passes tests * code QC pass - makes handlers reg vs lambda fns * Moves text into localizedString, lints code. * Adds localizedString dependency to spec file, defines test prop scenario
20fdbf1
to
786dd8c
Compare
Code-review checklist
that code is the way it is.