From 3bc4e7b3362f19980d231c80ccb680cbdd972cb8 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 31 May 2022 08:32:11 -0700
Subject: [PATCH] Embed @wasabipesto's charts on /analytics

---
 web/pages/analytics.tsx | 47 +++++++++++++++++++++++++++++++++++++----
 1 file changed, 43 insertions(+), 4 deletions(-)

diff --git a/web/pages/analytics.tsx b/web/pages/analytics.tsx
index 7dc6671f..45e84e85 100644
--- a/web/pages/analytics.tsx
+++ b/web/pages/analytics.tsx
@@ -15,6 +15,8 @@ import { getDailyBets } from 'web/lib/firebase/bets'
 import { getDailyComments } from 'web/lib/firebase/comments'
 import { getDailyContracts } from 'web/lib/firebase/contracts'
 import { getDailyNewUsers } from 'web/lib/firebase/users'
+import { SiteLink } from 'web/components/site-link'
+import { Linkify } from 'web/components/linkify'
 
 export const getStaticProps = fromPropz(getStaticPropz)
 export async function getStaticPropz() {
@@ -192,9 +194,22 @@ export default function Analytics(props: {
   }
   return (
     <Page>
-      <CustomAnalytics {...props} />
-      <Spacer h={8} />
-      {!IS_PRIVATE_MANIFOLD && <FirebaseAnalytics />}
+      <Tabs
+        tabs={[
+          {
+            title: 'Activity',
+            content: <CustomAnalytics {...props} />,
+          },
+          {
+            title: 'Market Stats',
+            content: <WasabiCharts />,
+          },
+          {
+            title: 'Google Analytics',
+            content: <FirebaseAnalytics />,
+          },
+        ]}
+      />
     </Page>
   )
 }
@@ -431,7 +446,6 @@ export function FirebaseAnalytics() {
 
   return (
     <>
-      <Title text="Google Analytics" />
       <p className="text-gray-500">
         Less accurate; includes all viewers (not just signed-in users).
       </p>
@@ -447,3 +461,28 @@ export function FirebaseAnalytics() {
     </>
   )
 }
+
+export function WasabiCharts() {
+  return (
+    <>
+      <p className="text-gray-500">
+        Courtesy of <Linkify text="@wasabipesto" />; originally found{' '}
+        <SiteLink
+          className="font-bold"
+          href="https://wasabipesto.com/jupyter/manifold/"
+        >
+          here.
+        </SiteLink>
+      </p>
+      <Spacer h={4} />
+      <iframe
+        className="w-full"
+        height={12000}
+        src="https://wasabipesto.com/jupyter/manifold/"
+        frameBorder="0"
+        style={{ border: 0 }}
+        allowFullScreen
+      />
+    </>
+  )
+}