Merge pull request #45 from coreofscience/add-google-analictics

finisted task

Author: odarbelaeze

src/components/providers/FirebaseProvider.tsx

@@ -3,6 +3,7 @@ import firebase from "firebase/app";
 import "firebase/storage";
 import "firebase/database";
 import "firebase/firestore";
+import "firebase/analytics";
 
 import FirebaseContext from "../../context/FirebaseContext";
 
@@ -30,6 +31,7 @@ const FirebaseProvider: FC<Props> = ({ children }: Props) => {
     } catch {
       setApp(firebase.initializeApp(CONFIG));
     }
+    firebase.analytics();
   }, []);
 
   if (app === null) return <div>Loading...</div>;

src/components/upload/Home.tsx

@@ -111,11 +111,12 @@ const Home: FC<{}> = () => {
         disabled={
           isLoading || !finished || totalArticles === 0 || totalCitations === 0
         }
-        onClick={() =>
+        onClick={() => {
           firebase &&
-          finished &&
-          create({ app: firebase, files: files.map((file) => file.hash) })
-        }
+            finished &&
+            create({ app: firebase, files: files.map((file) => file.hash) });
+          firebase && firebase.analytics().logEvent("tree_created");
+        }}
       >
         {isLoading ? "LOADING..." : finished ? "CONTINUE" : "UPLOADING..."}
       </button>

src/components/vectors/MoveFirstIcon.tsx

@@ -10,7 +10,7 @@ const MoveFirstIcon = () => (
     <path
       d="M16 10L8 2M10 10l-8 8M16 18l-8-8M10 2l-8 8"
       stroke="#FCFCFC"
-      stroke-width="3"
+      strokeWidth="3"
     />
   </svg>
 );