Merge pull request #16 from iamkentleom/feature/analytics

initial upload & download ga events

src/App.svelte

@@ -9,7 +9,6 @@
   import About from "./components/About.svelte";
   import Footer from "./components/Footer.svelte";
   import { auth, signInAnonymously } from "./firebase/auth";
-  import { analytics } from "./firebase/analytics";
 
   export let url = "";
 
@@ -19,8 +18,6 @@
       if (loggedIn) {
         console.log("Logged in anonymously");
       }
-
-      analytics();
     } catch (error) {
       console.log("Code: ", error.code);
       console.log("Message: ", error.message);

src/components/CardDropzoneFile.svelte

@@ -3,6 +3,7 @@
   import { files, values, folder } from "../stores";
   import { Icon, X } from "svelte-hero-icons";
   import { scale, slide } from "svelte/transition";
+  import { analytics, logEvent } from "../firebase/analytics";
   import { getFileIcon, getFileId, prettyFileSize } from "../utils/files";
   import { status as STATUS } from "../utils/constants";
   import { nanoid } from "nanoid";
@@ -54,6 +55,7 @@
       },
       () => {
         status = STATUS.DONE;
+        logEvent(analytics, "upload_file");
         console.log(`${file.name} uploaded.`);
       }
     );

src/components/DownloadFilesFile.svelte

@@ -9,6 +9,7 @@
     getMetadata,
     getDownloadURL,
   } from "../firebase/storage";
+  import { analytics, logEvent } from "../firebase/analytics";
   import { Icon, Download, Document } from "svelte-hero-icons";
 
   export let file;
@@ -31,6 +32,8 @@
       console.log(error);
     }
   });
+
+  const logDownload = () => logEvent(analytics, "download_file");
 </script>
 
 <a
@@ -39,6 +42,7 @@
   title={`Download ${file.name}`}
   href={url}
   target="_blank"
+  on:click={logDownload}
   download
 >
   <div class="grid grid-cols-5 md:grid-cols-6 content-center grow">

src/firebase/analytics.js

@@ -1,6 +1,6 @@
 import { getAnalytics, logEvent } from "firebase/analytics";
 import app from "./index";
 
-const analytics = () => getAnalytics(app);
+const analytics = getAnalytics(app);
 
 export { analytics, logEvent };