Skip to content
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

Closed

Conversation

resource11
Copy link

Code-review checklist

  • Documentation
    • Interfaces describe how other programmers would use them.
    • Code that is not obvious has documentation describing why
      that code is the way it is.

width: 100%;
resize: none;
padding: 0.5rem 1rem;
@include regular;

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%;

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{

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{

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%{

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;
}

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%{

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;
}

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%{

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{

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;

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;

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{

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;

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{

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: '';

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

@coveralls
Copy link

Coverage Status

Coverage increased (+0.005%) to 99.08% when pulling 1045615 on CLIxIndia-Dev:feature/km/add-recorder-timer into 4b645ce on atomicjolt:master.

}
}

handleTimerCount = () => {
Copy link
Contributor

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()

Copy link
Author

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.

Copy link
Author

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!

@BenHSmith13
Copy link
Contributor

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

@@ -159,7 +159,8 @@ function watch(){

module.exports = {
watch : watch,
build : build
build : build,

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} />);

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

Copy link
Contributor

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
@resource11 resource11 force-pushed the feature/km/add-recorder-timer branch 2 times, most recently from ab38bd3 to cd4ff39 Compare February 7, 2017 20:36
@resource11
Copy link
Author

OK, updates made @BenHSmith13. Can you review again?

@coveralls
Copy link

Coverage Status

Coverage increased (+0.004%) to 99.352% when pulling cd4ff39 on CLIxIndia-Dev:feature/km/add-recorder-timer into bfbd87d on atomicjolt:master.

@BenHSmith13
Copy link
Contributor

You will want to rename this to recorder_timer.spec.jsx for the jsx syntax

@BenHSmith13
Copy link
Contributor

Also, the stuff Justin added that fixed the css caused the specs to break. I fixed it in the PR I just opened

cjshawMIT added 2 commits February 9, 2017 14:41
Update our master branch with Atomic Jolt's master branch
Update CLIxIndia-Dev master to sync with latest Atomic Jolt master
@coveralls
Copy link

Coverage Status

Coverage increased (+0.02%) to 99.368% when pulling dee6651 on CLIxIndia-Dev:feature/km/add-recorder-timer into bfbd87d on atomicjolt:master.

re-sync CLIxIndia-Dev master with Atomic Jolt master
@coveralls
Copy link

Coverage Status

Coverage increased (+0.002%) to 99.364% when pulling 45d6643 on CLIxIndia-Dev:feature/km/add-recorder-timer into 4ff5a24 on atomicjolt:master.

sync CLIx-dev master w Atomic Jolt master
@resource11 resource11 force-pushed the feature/km/add-recorder-timer branch 3 times, most recently from 144bee1 to 6517b83 Compare February 14, 2017 20:50
@coveralls
Copy link

Coverage Status

Coverage increased (+0.003%) to 99.364% when pulling 6517b83 on CLIxIndia-Dev:feature/km/add-recorder-timer into 8892c54 on atomicjolt:master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.003%) to 99.364% when pulling 6517b83 on CLIxIndia-Dev:feature/km/add-recorder-timer into 8892c54 on atomicjolt:master.

sync CLIx fork with Atomic Fork
@coveralls
Copy link

Coverage Status

Coverage increased (+0.003%) to 99.364% when pulling e95035c on CLIxIndia-Dev:feature/km/add-recorder-timer into 8a654fd on atomicjolt:master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.007%) to 99.368% when pulling d459d59 on CLIxIndia-Dev:feature/km/add-recorder-timer into 8a654fd on atomicjolt:master.

Update our master with atomic jolt master
resource11 and others added 4 commits February 16, 2017 13:58
* 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
@coveralls
Copy link

Coverage Status

Coverage increased (+0.003%) to 99.368% when pulling 20fdbf1 on CLIxIndia-Dev:feature/km/add-recorder-timer into 47e35d8 on atomicjolt:master.

@coveralls
Copy link

Coverage Status

Coverage increased (+0.003%) to 99.368% when pulling 786dd8c on CLIxIndia-Dev:feature/km/add-recorder-timer into 47e35d8 on atomicjolt:master.

@resource11 resource11 closed this Feb 16, 2017
@resource11 resource11 deleted the feature/km/add-recorder-timer branch February 16, 2017 19:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants