From 8038a99a1892702330902caa5ca93661422de6b7 Mon Sep 17 00:00:00 2001
From: Sean Groff <sean.groff@selectquote.com>
Date: Thu, 29 Nov 2018 09:23:35 -0600
Subject: [PATCH] rafc syntax error bugfix

---
 README.md              |  5 +++--
 snippets/snippets.json | 20 +++++++++++---------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 3334709..4b21498 100644
--- a/README.md
+++ b/README.md
@@ -318,15 +318,16 @@ $1.propTypes = {}
 
 export default $1
 ```
-
 ### `rafc`
 
 ```javascript
 import React from 'react'
 
-export default () => {
+const $1 = () => {
   return <div>$0</div>
 }
+
+export default $1
 ```
 
 ### `rafce`
diff --git a/snippets/snippets.json b/snippets/snippets.json
index 286b734..5660603 100644
--- a/snippets/snippets.json
+++ b/snippets/snippets.json
@@ -312,8 +312,8 @@
     ],
     "description": "Creates a React Functional Component with ES7 module system with PropTypes"
   },
-  "reactAnonymousFunctionalExportComponent": {
-    "prefix": "rafce",
+  "reactArrowFunctionComponent": {
+    "prefix": "rafc",
     "body": [
       "import React from 'react'",
       "",
@@ -328,25 +328,27 @@
       "export default ${1:${TM_FILENAME_BASE}}",
       ""
     ],
-    "description": "Creates a React Anonymous Functional Component with ES7 module system"
+    "description": "Creates a React Arrow Function Component with ES7 module system"
   },
-  "reactAnonymousFunctionalComponent": {
-    "prefix": "rafc",
+  "reactArrowFunctionExportComponent": {
+    "prefix": "rafce",
     "body": [
       "import React from 'react'",
       "",
-      "export default const ${1:${TM_FILENAME_BASE}} = () => {",
+      "const ${1:${TM_FILENAME_BASE}} = () => {",
       "  return (",
       "    <div>",
       "      $0",
       "    </div>",
       "  )",
       "}",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}}",
       ""
     ],
-    "description": "Creates a React Anonymous Functional Component with ES7 module system"
+    "description": "Creates a React Arrow Function Component with ES7 module system"
   },
-  "reactAnonymousFunctionalComponentWithPropTypes": {
+  "reactArrowFunctionComponentWithPropTypes": {
     "prefix": "rafcp",
     "body": [
       "import React from 'react'",
@@ -367,7 +369,7 @@
       "export default ${1:${TM_FILENAME_BASE}}",
       ""
     ],
-    "description": "Creates a React Functional Component with ES7 module system with PropTypes"
+    "description": "Creates a React Arrow Function Component with ES7 module system with PropTypes"
   },
   "reactClassExportComponentWithPropTypes": {
     "prefix": "rcep",