standard

Author: feross

src/views/embed-page.mjs

@@ -93,8 +93,7 @@ class EmbedMidi extends Component {
             <div class='flex-none grow-large'>
               {isPlaying
                 ? <Icon color='#fff' name='av/stop' />
-                : <Icon color='#fff' name='av/play_arrow' />
-              }
+                : <Icon color='#fff' name='av/play_arrow' />}
             </div>
           </div>
           <Image

src/views/home-page.mjs

@@ -46,12 +46,12 @@ export default class HomePage extends Page {
 
     return (
       <div>
-        { page === '0' && <HomePageHero numFiles={numFiles} /> }
+        {page === '0' && <HomePageHero numFiles={numFiles} />}
 
         <Heading class='tc'>Popular MIDIs</Heading>
         <div class='mv4'>
           <MidiFeedTopAd />
-          { midis.map(midi => <Midi midi={midi} showPlay={false} />) }
+          {midis.map(midi => <Midi midi={midi} showPlay={false} />)}
           <MidiFeedAd />
         </div>
 

src/views/loader.mjs

@@ -30,13 +30,12 @@ const Loader = props => {
       style={style}
       {...rest}
     >
-      { label &&
+      {label &&
         <Heading
           class='animate-pulse animate--normal animate--infinite'
         >
           {label}…
-        </Heading>
-      }
+        </Heading>}
       <Image src='/img/icon-loader.svg' alt='Loading…' />
     </div>
   )

src/views/midi-page.mjs

@@ -94,19 +94,18 @@ export default class MidiPage extends Page {
           </div>
         </div>
 
-        { midi.alternateNames &&
+        {midi.alternateNames &&
           <div>
             <h3>This MIDI file has alternate names</h3>
             <p>
               <ul>
-                { midi.alternateNames.map(name => <li>{name}</li>) }
+                {midi.alternateNames.map(name => <li>{name}</li>)}
                 <li>{midi.name}</li>
               </ul>
             </p>
-          </div>
-        }
+          </div>}
 
-        { relatedMidis &&
+        {relatedMidis &&
           <div class='mt4'>
             <Heading>Related MIDI Files <small>(they will blow your mind! 😳💥😵)</small></Heading>
             {
@@ -123,8 +122,7 @@ export default class MidiPage extends Page {
                 More Related
               </Button>
             </div>
-          </div>
-        }
+          </div>}
       </div>
     )
   }

src/views/midi.mjs

@@ -28,30 +28,27 @@ export default class Midi extends Component {
           onClick={showPlay && this.onClick}
           href={!showPlay && midi.url}
         >
-          { midi.image && showImage &&
+          {midi.image && showImage &&
             <Image
               class='db midi-image w-100 br2 br--top h5 bg-center'
               style={{
                 objectFit: 'cover'
               }}
               src={midi.image}
               alt={midi.name}
-            />
-          }
+            />}
           <div
             class={c(`br2 bg-${mainColor} pv2 ph3 flex`, {
               'br--bottom': midi.image && showImage
             })}
           >
             <h2 class='flex-auto f4 mv0 lh-copy truncate underline-hover'>{midi.name}</h2>
-            { showPlay &&
+            {showPlay &&
               <div class='flex-none grow-large'>
                 {isPlaying
                   ? <Icon color='#fff' name='av/stop' />
-                  : <Icon color='#fff' name='av/play_arrow' />
-                }
-              </div>
-            }
+                  : <Icon color='#fff' name='av/play_arrow' />}
+              </div>}
           </div>
         </Link>
       </article>

src/views/pagination.mjs

@@ -42,7 +42,7 @@ const Pagination = (props, { store }) => {
 
   return (
     <div class='tc mv4'>
-      <div class='mb3'>{ pageTotal >= 2 && buttons }</div>
+      <div class='mb3'>{pageTotal >= 2 && buttons}</div>
       <small class='f6 lh-copy mid-gray'>{total.toLocaleString()} results</small>
     </div>
   )