Skip to content

Redesign#28

Open
apust wants to merge 1 commit intoPixelogicDev:masterfrom
apust:redesign
Open

Redesign#28
apust wants to merge 1 commit intoPixelogicDev:masterfrom
apust:redesign

Conversation

@apust
Copy link
Copy Markdown

@apust apust commented Oct 25, 2018

No description provided.

Copy link
Copy Markdown
Contributor

@adilanchian adilanchian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

GREAT stuff, but some changes should be made before committing this to master. Other then the comments inline, please do the following:

  1. Integrate SCSS with WebPack, Gulp is not needed.
  2. We should include a global ESLint file for better styling (I can do this if you don't have time/want to)
  3. Any required images should be done at the top of each component and should reference the property name
  4. Change App.js to be called something like Root.js
  5. Change Website.js to be called App.js

ActiveBlock.js

- Do not need to hold state for multiple properties if not needed
- Bring out all helper methods to another file, that file is pretty massive and could be helpful
- General note about indentation, this should be fixed with proper ESLint file
- For the pop up section, we should include a Modal component and create sub components to include in that parent modal component

Landing.js

  • ADD CREDIT FOR YOUR WORK SOMEWHERE!

Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>FocusBlock</title>
<title>FocusBlock — Don't Get Stuck!</title>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we change to change this to something along the lines of Focus Better, Focus Smarter, etc

Comment thread focus-block/scss/base/_colors.scss
Comment thread focus-block/src/Components/ActiveBlock/ActiveBlock.js
});
}

timerTick = () => {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Many of these properties are are already set in state. We should keep that instead of creating more properties that do the same thing.

let timerIsActive;
let timerStatus;
let isAltLogoColor;
let isRedOutline;

}

// This function is not used in this version
restartTimer = () => {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lets remove this :)

Comment thread focus-block/src/Components/ActiveBlock/ActiveBlock.js
errorMessage={this.state.helpEmailErrorMessage} />
<div className="app-form__actions">
<button className="btn btn--primary" onClick={this.saveEditEmail}>Save</button>
<button className="btn btn--secondary" onClick={this.dontSaveEditEmail}>Don't save</button>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change to "Cancel" instead of "Don't Save"

Comment thread focus-block/src/Components/App/App.js
Comment thread focus-block/src/Components/Landing/Landing.js

helpEmailChangeHandler = (event) => {
let helpEmailValue = event.target.value;
let validContact = helpEmailValue.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lets add this regex as a property, maybe even a global one. This seems to be used in multiple spots.

@adilanchian
Copy link
Copy Markdown
Contributor

Hiya @apust :)

Any updates on this?

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.

2 participants