run prettier fix for formatting

.eslintrc.json

@@ -1,7 +1,10 @@
 {
   "extends": [
     "standard",
-    "plugin:react/recommended"
+    "plugin:react/recommended",
+    "plugin:prettier/recommended",
+    "prettier/react",
+    "prettier/standard"
   ],
   "plugins": [
     "react",

app/client/app.js

@@ -1,20 +1,20 @@
 /* eslint-disable global-require */
-import { startApp } from '@quintype/framework/client/start'
-import { renderApplication } from './render'
-import '../../app/assets/stylesheets/app.scss'
-import wretch from 'wretch'
+import { startApp } from "@quintype/framework/client/start";
+import { renderApplication } from "./render";
+import "../../app/assets/stylesheets/app.scss";
+import wretch from "wretch";
 
-function enableHotReload (store) {
-  if (process.env.NODE_ENV === 'development' && module.hot) {
-    module.hot.accept('./render', () => renderApplication(store))
+function enableHotReload(store) {
+  if (process.env.NODE_ENV === "development" && module.hot) {
+    module.hot.accept("./render", () => renderApplication(store));
   }
 }
 
-const CUSTOM_REDUCERS = {}
+const CUSTOM_REDUCERS = {};
 
-global.wretch = wretch
+global.wretch = wretch;
 
 startApp(renderApplication, CUSTOM_REDUCERS, {
-  enableServiceWorker: process.env.NODE_ENV === 'production',
-  appVersion: require('../isomorphic/app-version')
-}).then(enableHotReload)
+  enableServiceWorker: process.env.NODE_ENV === "production",
+  appVersion: require("../isomorphic/app-version")
+}).then(enableHotReload);

app/client/render.js

@@ -1,14 +1,14 @@
 import {
   renderIsomorphicComponent,
   renderBreakingNews
-} from '@quintype/framework/client/start'
-import { pickComponent } from '../isomorphic/pick-component'
-import { BreakingNewsView } from '../isomorphic/components/breaking-news-view'
+} from "@quintype/framework/client/start";
+import { pickComponent } from "../isomorphic/pick-component";
+import { BreakingNewsView } from "../isomorphic/components/breaking-news-view";
 
 // This is a separate file as everything from here on is hot reloaded when the app changes
-export function renderApplication (store) {
-  renderIsomorphicComponent('container', store, pickComponent, {
+export function renderApplication(store) {
+  renderIsomorphicComponent("container", store, pickComponent, {
     hydrate: !global.qtLoadedFromShell
-  })
-  renderBreakingNews('breaking-news-container', store, BreakingNewsView)
+  });
+  renderBreakingNews("breaking-news-container", store, BreakingNewsView);
 }

app/isomorphic/app-version.js

@@ -1 +1 @@
-module.exports = 1
+module.exports = 1;

app/isomorphic/component-bundles/list.js

@@ -1,7 +1,7 @@
-export { HomePage } from '../components/pages/home'
-export { SectionPage } from '../components/pages/section'
-export { TagPage } from '../components/pages/tag'
-export { SearchPage } from '../components/pages/search'
-export { CatalogPage } from '../components/pages/catalog'
-export { HomePagePreview } from '../components/pages/home-preview'
-export { NotFoundPage } from '../components/pages/not-found'
+export { HomePage } from "../components/pages/home";
+export { SectionPage } from "../components/pages/section";
+export { TagPage } from "../components/pages/tag";
+export { SearchPage } from "../components/pages/search";
+export { CatalogPage } from "../components/pages/catalog";
+export { HomePagePreview } from "../components/pages/home-preview";
+export { NotFoundPage } from "../components/pages/not-found";

app/isomorphic/component-bundles/story.js

@@ -1,2 +1,2 @@
-export { StoryPage } from '../components/pages/story'
-export { StoryPagePreview } from '../components/pages/story-preview'
+export { StoryPage } from "../components/pages/story";
+export { StoryPagePreview } from "../components/pages/story-preview";

app/isomorphic/components/__test__/sample.test.js

@@ -1,14 +1,14 @@
-import React from 'react'
-import renderer from 'react-test-renderer'
+import React from "react";
+import renderer from "react-test-renderer";
 
-function Component ({ page, children }) {
-  return <a href={page}>{children}</a>
+function Component({ page, children }) {
+  return <a href={page}>{children}</a>;
 }
 
-test('adds 1 + 2 to equal 3', () => {
+test("adds 1 + 2 to equal 3", () => {
   const component = renderer.create(
     <Component page="http://www.facebook.com">Facebook</Component>
-  )
-  const tree = component.toJSON()
-  expect(tree).toMatchSnapshot()
-})
+  );
+  const tree = component.toJSON();
+  expect(tree).toMatchSnapshot();
+});

app/isomorphic/components/breaking-news-view.js

@@ -1,19 +1,19 @@
-import React from 'react'
+import React from "react";
 
-function breakingNewsItem (story) {
-  return <li key={story.id}>{story.headline}</li>
+function breakingNewsItem(story) {
+  return <li key={story.id}>{story.headline}</li>;
 }
 
-function BreakingNewsView (props) {
+function BreakingNewsView(props) {
   if (props.breakingNews.length === 0) {
-    return <span />
+    return <span />;
   }
 
   return (
     <ul className="breaking-news">
       {props.breakingNews.map(story => breakingNewsItem(story))}
     </ul>
-  )
+  );
 }
 
-export { BreakingNewsView }
+export { BreakingNewsView };

app/isomorphic/components/collection-templates/four-col-grid.js

@@ -1,14 +1,14 @@
 // Implement more logic here
 
-import React from 'react'
-import { StoryGrid } from '../story-grid'
-import './four-col-grid.m.css'
+import React from "react";
+import { StoryGrid } from "../story-grid";
+import "./four-col-grid.m.css";
 
-export function FourColGrid ({ collection, stories }) {
+export function FourColGrid({ collection, stories }) {
   return (
     <div>
       <h3 styleName="heading">{collection.name}</h3>
       <StoryGrid stories={stories} />
     </div>
-  )
+  );
 }

app/isomorphic/components/collection-templates/index.js

@@ -1,7 +1,7 @@
-import { wrapCollectionLayout } from '@quintype/components'
-import { FourColGrid } from './four-col-grid'
+import { wrapCollectionLayout } from "@quintype/components";
+import { FourColGrid } from "./four-col-grid";
 
 export default {
   FourColGrid: wrapCollectionLayout(FourColGrid),
   defaultTemplate: wrapCollectionLayout(FourColGrid)
-}
+};

app/isomorphic/components/dfp-ad.js

@@ -1,31 +1,31 @@
 /* eslint-disable object-shorthand */
-import { createDfpAdComponent } from '@quintype/components'
-import get from 'lodash/get'
+import { createDfpAdComponent } from "@quintype/components";
+import get from "lodash/get";
 
 export const CONFIG = {
-  'homepage-banner': { adUnit: 'Rio_Story_LB1', sizes: [[728, 90]] }
-}
+  "homepage-banner": { adUnit: "Rio_Story_LB1", sizes: [[728, 90]] }
+};
 
 export const DfpAd = createDfpAdComponent({
-  defaultNetworkID: '60988533',
+  defaultNetworkID: "60988533",
   config: CONFIG,
-  targeting: function (state) {
-    const params = {}
+  targeting: function(state) {
+    const params = {};
 
     if (
-      get(state, ['qt', 'pageType']) === 'story-page' &&
-      get(state, ['qt', 'data', 'story', 'metadata', 'sponsored-by'])
+      get(state, ["qt", "pageType"]) === "story-page" &&
+      get(state, ["qt", "data", "story", "metadata", "sponsored-by"])
     ) {
       params.sponsor = get(state, [
-        'qt',
-        'data',
-        'story',
-        'metadata',
-        'sponsored-by'
-      ])
-      return params.sponsor
+        "qt",
+        "data",
+        "story",
+        "metadata",
+        "sponsored-by"
+      ]);
+      return params.sponsor;
     }
 
-    return params
+    return params;
   }
-})
+});

app/isomorphic/components/get-collection-template.js

@@ -1,5 +1,5 @@
-import templates from './collection-templates'
+import templates from "./collection-templates";
 
-export function getCollectionTemplate (designTemplate) {
-  return templates[designTemplate] || templates.defaultTemplate
+export function getCollectionTemplate(designTemplate) {
+  return templates[designTemplate] || templates.defaultTemplate;
 }