-
Notifications
You must be signed in to change notification settings - Fork 5
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
Users can categorize all books #38
Users can categorize all books #38
Conversation
- Categorization of books implemented - List of categories of books implemented - Search functionality implemented
@@ -0,0 +1,15 @@ | |||
import React from 'react'; | |||
import { Row } from 'react-materialize'; |
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.
Unable to resolve path to module 'react-materialize' import/no-unresolved
Missing file extension for "react-materialize" import/extensions
@@ -0,0 +1,15 @@ | |||
import React from 'react'; |
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.
Unable to resolve path to module 'react' import/no-unresolved
Missing file extension for "react" import/extensions
} | ||
|
||
.category-hr { | ||
margin-top: -1px; |
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.
Line should be indented with spaces, not tabs
|
||
.category-name:hover { | ||
background-color: $base-light-orange; | ||
|
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.
Line contains trailing whitespace
} | ||
|
||
.category-name:hover { | ||
background-color: $base-light-orange; |
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.
Line should be indented with spaces, not tabs
|
||
.category-name { | ||
padding-left: 45px !important; | ||
color: #000000 !important; |
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.
Line should be indented with spaces, not tabs
!important should not be used
Color literals like #000000
should only be used in variable declarations; they should be referred to via variable everywhere else.
} | ||
|
||
.category-name { | ||
padding-left: 45px !important; |
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.
Line should be indented with spaces, not tabs
!important should not be used
Properties should be ordered color, padding-left
|
||
.collapsible-header { | ||
padding-left: 32px !important; | ||
color: $base-white; |
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.
Line should be indented with spaces, not tabs
} | ||
|
||
.collapsible-header { | ||
padding-left: 32px !important; |
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.
Line should be indented with spaces, not tabs
!important should not be used
Properties should be ordered color, padding-left
* Collapsible | ||
*/ | ||
.collapsible { | ||
background-color: $base-orange; |
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.
Line should be indented with spaces, not tabs
render() { | ||
return ( | ||
<Row> | ||
<Pagination onSelect={this.onSelect} {...this.props.config} maxButtons= {5}/> | ||
<Pagination onSelect={this.onSelect} {...this.props.config} maxButtons={5} /> |
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.
'config' is missing in props validation react/prop-types
@@ -1,5 +1,5 @@ | |||
import React from 'react'; | |||
import { Row, Icon, Col } from 'react-materialize'; | |||
import { Row } from 'react-materialize'; |
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.
Unable to resolve path to module 'react-materialize' import/no-unresolved
Missing file extension for "react-materialize" import/extensions
<div className="book-modal">Description: <span id="bookDescription" /></div> | ||
</Col> | ||
</div> | ||
{this.props.children} |
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.
'children' is missing in props validation react/prop-types
* @memberOf BookModal | ||
*/ | ||
render() { | ||
const { header, actions } = this.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.
'header' is missing in props validation react/prop-types
'actions' is missing in props validation react/prop-types
* @extends {React.Component} | ||
*/ | ||
class BookModal extends React.Component { | ||
constructor(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.
Useless constructor no-useless-constructor
Missing JSDoc comment require-jsdoc
@@ -0,0 +1,86 @@ | |||
import React from 'react'; | |||
import PropTypes from 'prop-types'; |
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.
Unable to resolve path to module 'prop-types' import/no-unresolved
Missing file extension for "prop-types" import/extensions
@@ -0,0 +1,86 @@ | |||
import React from 'react'; |
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.
Unable to resolve path to module 'react' import/no-unresolved
Missing file extension for "react" import/extensions
@@ -1,8 +1,11 @@ | |||
import React from 'react'; | |||
import PropTypes from 'prop-types'; | |||
import UserView from './UserView.jsx'; | |||
import CategoriesSideBar from '../../../container/categories/CategoriesSideBar.jsx'; | |||
import getCategories from '../../../container/categories/getCategoriesWrapper.jsx'; |
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.
Unable to resolve path to module '../../../container/categories/getCategoriesWrapper.jsx' import/no-unresolved
Unexpected use of file extension "jsx" for "../../../container/categories/getCategoriesWrapper.jsx" import/extensions
@@ -1,8 +1,11 @@ | |||
import React from 'react'; | |||
import PropTypes from 'prop-types'; | |||
import UserView from './UserView.jsx'; | |||
import CategoriesSideBar from '../../../container/categories/CategoriesSideBar.jsx'; |
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.
Unable to resolve path to module '../../../container/categories/CategoriesSideBar.jsx' import/no-unresolved
Unexpected use of file extension "jsx" for "../../../container/categories/CategoriesSideBar.jsx" import/extensions
import PaginationWrapper from '../common/Pagination.jsx'; | ||
import Book from '../../presentation/common/book/DisplayBook.jsx'; | ||
import Loader from './Loader.jsx'; |
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.
Unable to resolve path to module './Loader.jsx' import/no-unresolved
Unexpected use of file extension "jsx" for "./Loader.jsx" import/extensions
Changes Unknown when pulling 071d15f on feature/153149518/users-should-be-able-to-view-book-categories into ** on development**. |
Users are able to categorize books
Description
Functionality developed for users to implement searches based on categorization.
Component for categorization developed for both large and small screens
Screenshots (if appropriate):
Any background context you want to provide?
What are the relevant pivotal tracker stories?
Types of changes
Checklist: