From ac9fa998dd9e256ff15ded352eeda1598ed439c0 Mon Sep 17 00:00:00 2001
From: Zoltan Toth <contact@zoltantoth.com>
Date: Sun, 28 Apr 2019 15:59:38 -0400
Subject: [PATCH] Prioritize ES6 example on pattern page

---
 .../__snapshots__/Pattern.test.js.snap        | 100 +++++++++---------
 .../pages/__snapshots__/Patterns.test.js.snap | 100 +++++++++---------
 src/components/Pattern.jsx                    |   8 +-
 3 files changed, 104 insertions(+), 104 deletions(-)

diff --git a/__tests__/components/__snapshots__/Pattern.test.js.snap b/__tests__/components/__snapshots__/Pattern.test.js.snap
index 681190e..f64f915 100644
--- a/__tests__/components/__snapshots__/Pattern.test.js.snap
+++ b/__tests__/components/__snapshots__/Pattern.test.js.snap
@@ -74,7 +74,7 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
     .
   </p>
   <h3>
-    ES5
+    ES6
   </h3>
   <pre
     style={
@@ -103,7 +103,7 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
             }
           }
         >
-          function
+          class
         </span>
          
         <span
@@ -115,18 +115,21 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
         >
           Person
         </span>
-        (
-        <span
-          style={
-            Object {
-              "color": "#fabd2f",
-            }
-          }
-        />
-        ) 
+         
       </span>
       {
   
+      <span
+        style={
+          Object {
+            "color": "#fb4934",
+          }
+        }
+      >
+        constructor
+      </span>
+      () {
+    
       <span
         style={
           Object {
@@ -156,7 +159,8 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
       >
         'object'
       </span>
-      ) 
+      ) {
+      
       <span
         style={
           Object {
@@ -167,8 +171,9 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
         return
       </span>
        Person.instance;
+    }
 
-  Person.instance = 
+    Person.instance = 
       <span
         style={
           Object {
@@ -180,7 +185,7 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
       </span>
       ;
 
-  
+    
       <span
         style={
           Object {
@@ -201,23 +206,34 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
         this
       </span>
       ;
+  }
 }
 
 
       <span
         style={
           Object {
-            "color": "#83a598",
+            "color": "#fb4934",
           }
         }
       >
-        module
+        export
       </span>
-      .exports = Person;
+       
+      <span
+        style={
+          Object {
+            "color": "#fb4934",
+          }
+        }
+      >
+        default
+      </span>
+       Person;
     </code>
   </pre>
   <h3>
-    ES6
+    ES5
   </h3>
   <pre
     style={
@@ -246,7 +262,7 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
             }
           }
         >
-          class
+          function
         </span>
          
         <span
@@ -258,21 +274,18 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
         >
           Person
         </span>
-         
+        (
+        <span
+          style={
+            Object {
+              "color": "#fabd2f",
+            }
+          }
+        />
+        ) 
       </span>
       {
   
-      <span
-        style={
-          Object {
-            "color": "#fb4934",
-          }
-        }
-      >
-        constructor
-      </span>
-      () {
-    
       <span
         style={
           Object {
@@ -302,8 +315,7 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
       >
         'object'
       </span>
-      ) {
-      
+      ) 
       <span
         style={
           Object {
@@ -314,9 +326,8 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
         return
       </span>
        Person.instance;
-    }
 
-    Person.instance = 
+  Person.instance = 
       <span
         style={
           Object {
@@ -328,7 +339,7 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
       </span>
       ;
 
-    
+  
       <span
         style={
           Object {
@@ -349,30 +360,19 @@ exports[`REFERENCE - Pattern component renders the individual pattern (Singleton
         this
       </span>
       ;
-  }
 }
 
 
       <span
         style={
           Object {
-            "color": "#fb4934",
-          }
-        }
-      >
-        export
-      </span>
-       
-      <span
-        style={
-          Object {
-            "color": "#fb4934",
+            "color": "#83a598",
           }
         }
       >
-        default
+        module
       </span>
-       Person;
+      .exports = Person;
     </code>
   </pre>
 </div>
diff --git a/__tests__/pages/__snapshots__/Patterns.test.js.snap b/__tests__/pages/__snapshots__/Patterns.test.js.snap
index b4570ec..eb28cce 100644
--- a/__tests__/pages/__snapshots__/Patterns.test.js.snap
+++ b/__tests__/pages/__snapshots__/Patterns.test.js.snap
@@ -310,7 +310,7 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
     .
   </p>
   <h3>
-    ES5
+    ES6
   </h3>
   <pre
     style={
@@ -339,7 +339,7 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
             }
           }
         >
-          function
+          class
         </span>
          
         <span
@@ -351,18 +351,21 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
         >
           Person
         </span>
-        (
-        <span
-          style={
-            Object {
-              "color": "#fabd2f",
-            }
-          }
-        />
-        ) 
+         
       </span>
       {
   
+      <span
+        style={
+          Object {
+            "color": "#fb4934",
+          }
+        }
+      >
+        constructor
+      </span>
+      () {
+    
       <span
         style={
           Object {
@@ -392,7 +395,8 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
       >
         'object'
       </span>
-      ) 
+      ) {
+      
       <span
         style={
           Object {
@@ -403,8 +407,9 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
         return
       </span>
        Person.instance;
+    }
 
-  Person.instance = 
+    Person.instance = 
       <span
         style={
           Object {
@@ -416,7 +421,7 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
       </span>
       ;
 
-  
+    
       <span
         style={
           Object {
@@ -437,23 +442,34 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
         this
       </span>
       ;
+  }
 }
 
 
       <span
         style={
           Object {
-            "color": "#83a598",
+            "color": "#fb4934",
           }
         }
       >
-        module
+        export
       </span>
-      .exports = Person;
+       
+      <span
+        style={
+          Object {
+            "color": "#fb4934",
+          }
+        }
+      >
+        default
+      </span>
+       Person;
     </code>
   </pre>
   <h3>
-    ES6
+    ES5
   </h3>
   <pre
     style={
@@ -482,7 +498,7 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
             }
           }
         >
-          class
+          function
         </span>
          
         <span
@@ -494,21 +510,18 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
         >
           Person
         </span>
-         
+        (
+        <span
+          style={
+            Object {
+              "color": "#fabd2f",
+            }
+          }
+        />
+        ) 
       </span>
       {
   
-      <span
-        style={
-          Object {
-            "color": "#fb4934",
-          }
-        }
-      >
-        constructor
-      </span>
-      () {
-    
       <span
         style={
           Object {
@@ -538,8 +551,7 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
       >
         'object'
       </span>
-      ) {
-      
+      ) 
       <span
         style={
           Object {
@@ -550,9 +562,8 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
         return
       </span>
        Person.instance;
-    }
 
-    Person.instance = 
+  Person.instance = 
       <span
         style={
           Object {
@@ -564,7 +575,7 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
       </span>
       ;
 
-    
+  
       <span
         style={
           Object {
@@ -585,30 +596,19 @@ exports[`Patterns page renders the individual Pattern (Singleton) info 1`] = `
         this
       </span>
       ;
-  }
 }
 
 
       <span
         style={
           Object {
-            "color": "#fb4934",
-          }
-        }
-      >
-        export
-      </span>
-       
-      <span
-        style={
-          Object {
-            "color": "#fb4934",
+            "color": "#83a598",
           }
         }
       >
-        default
+        module
       </span>
-       Person;
+      .exports = Person;
     </code>
   </pre>
 </div>
diff --git a/src/components/Pattern.jsx b/src/components/Pattern.jsx
index 59940f8..b4bf1a4 100644
--- a/src/components/Pattern.jsx
+++ b/src/components/Pattern.jsx
@@ -83,14 +83,14 @@ class Pattern extends React.Component {
               </p>
             )}
 
-            <h3>ES5</h3>
+            <h3>ES6</h3>
             <SyntaxHighlighter language="javascript" style={style}>
-              {pattern.codeES5}
+              {pattern.codeES6}
             </SyntaxHighlighter>
 
-            <h3>ES6</h3>
+            <h3>ES5</h3>
             <SyntaxHighlighter language="javascript" style={style}>
-              {pattern.codeES6}
+              {pattern.codeES5}
             </SyntaxHighlighter>
           </React.Fragment>
         )}