Adds code formatting scripts

README.md

@@ -37,7 +37,7 @@ npx jest --watch
 
 
 
-## Code Style
+## Style
 
 This project uses eslint and prettier for style consistency. 
 

package.json

@@ -23,7 +23,7 @@
     "watch:static": "npm run build:static -- --watch",
     "watch:reload": "livereload dist",
     "lint": "eslint src",
-    "format": "prettier"
+    "format": "prettier 'src/**/*.{js,scss}' --write --loglevel warn"
   },
   "jest": {
     "notify": true,

src/js/components/BroLogRawFields.js

@@ -15,14 +15,12 @@ export default class BroLogRawFields extends React.PureComponent {
       <section className="raw-fields-section" style={{position: "relative"}}>
         <table className="fields-table">
           <tbody>
-            {this.props.broLog
-              .fieldNames()
-              .map(fieldName => (
-                <RawFieldTableRow
-                  key={fieldName}
-                  field={this.props.broLog.getField(fieldName)}
-                />
-              ))}
+            {this.props.broLog.fieldNames().map(fieldName => (
+              <RawFieldTableRow
+                key={fieldName}
+                field={this.props.broLog.getField(fieldName)}
+              />
+            ))}
           </tbody>
         </table>
       </section>

src/js/components/Spaces.js

@@ -35,7 +35,9 @@ class Spaces extends React.Component {
           </header>
 
           <ul className="spaces-list">
-            {names.map(name => <SpaceInfo key={name} space={spaces[name]} />)}
+            {names.map(name => (
+              <SpaceInfo key={name} space={spaces[name]} />
+            ))}
           </ul>
         </div>
       </div>