diff --git a/src/components/Quiz/Quiz.component.js b/src/components/Quiz/Quiz.component.js index c0412ee..09ab399 100644 --- a/src/components/Quiz/Quiz.component.js +++ b/src/components/Quiz/Quiz.component.js @@ -1,31 +1,29 @@ import React, { PureComponent } from "react"; -import isEmptyObject from 'is-empty-object'; +import isEmptyObject from "is-empty-object"; -import { - QuizQuestion, -} from 'components'; +import { QuizQuestion } from "components"; -import PropTypes from 'prop-types'; +import PropTypes from "prop-types"; import "./Quiz.css"; export default class Quiz extends PureComponent { - static propTypes = { - questions: PropTypes.object, - }; + static propTypes = { + questions: PropTypes.object, + }; - render() { - const { questions } = this.props; + render() { + const { questions } = this.props; - return questions && !isEmptyObject(questions) ? ( -
- {Object.values(questions).map((question) => ( -
- -
- ))} -
- ) : null; - } + return questions && !isEmptyObject(questions) ? ( +
+ {Object.values(questions).map((question) => ( +
+ +
+ ))} +
+ ) : null; + } } diff --git a/src/components/Quiz/Quiz.container.js b/src/components/Quiz/Quiz.container.js index 92fcb3c..1ff6936 100644 --- a/src/components/Quiz/Quiz.container.js +++ b/src/components/Quiz/Quiz.container.js @@ -1,18 +1,14 @@ -import { connect } from 'react-redux' +import { connect } from "react-redux"; -import { compose } from 'redux' +import { compose } from "redux"; -import { firestoreConnect } from 'react-redux-firebase' +import { firestoreConnect } from "react-redux-firebase"; -import Quiz from './Quiz.component'; +import Quiz from "./Quiz.component"; export default compose( - firestoreConnect([ - `questions`, - ]), - connect( - (state) => ({ - questions: state.firestore.data.questions - }) - ) -)(Quiz) + firestoreConnect([`questions`]), + connect((state) => ({ + questions: state.firestore.data.questions, + })) +)(Quiz); diff --git a/src/store/index.js b/src/store/index.js index fedcabd..1b9f584 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -6,7 +6,7 @@ import { reduxFirestore, firestoreReducer } from "redux-firestore"; import firebase from "firebase"; -import 'firebase/firestore'; +import "firebase/firestore"; // react-redux-firebase config const rrfConfig = { @@ -34,4 +34,8 @@ const rootReducer = combineReducers({ firestore: firestoreReducer, // <- needed if using firestore }); -export default createStoreWithFirebase(rootReducer, {}, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()); +export default createStoreWithFirebase( + rootReducer, + {}, + window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() +);