From 539db1c392667c0ad478229a2ac5a275a6963ea4 Mon Sep 17 00:00:00 2001
From: Ore Ogundipe <oreogundipe@gmail.com>
Date: Tue, 3 Sep 2024 14:16:01 -0400
Subject: [PATCH] misc: ui & logging updates

---
 .../modals/activitywatch-modal.tsx            |  4 ++--
 frontend/src/components/lab/experiment.tsx    |  8 +++----
 frontend/src/pages/datasets.tsx               |  4 ++--
 frontend/src/pages/profile.tsx                | 21 +++++++++++++++++--
 4 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/features/integrations/modals/activitywatch-modal.tsx b/frontend/src/components/features/integrations/modals/activitywatch-modal.tsx
index 8788c6d3..e219c188 100644
--- a/frontend/src/components/features/integrations/modals/activitywatch-modal.tsx
+++ b/frontend/src/components/features/integrations/modals/activitywatch-modal.tsx
@@ -54,7 +54,7 @@ export const ActivityWatchModal: FC<IActivityWatchModalProps> = ({ isOpen, onClo
       appInsights.trackEvent({
         name: "ActivityWatchHostSelected",
         properties: {
-          userNpub: user?.data?.user?.email, // this is actually the npub, need to cast the session type so I can use the right selection
+          userNpub: user?.data?.user?.name,
           unixTimestamp: dayjs().unix(),
         },
       });
@@ -199,7 +199,7 @@ export const ActivityWatchModal: FC<IActivityWatchModalProps> = ({ isOpen, onClo
                     appInsights.trackEvent({
                       name: "ActivityWatchDataDownloaded",
                       properties: {
-                        userNpub: user?.data?.user?.email, // this is actually the npub, need to cast the session type so I can use the right selection
+                        userNpub: user?.data?.user?.name,
                         unixTimestamp: dayjs().unix(),
                       },
                     });
diff --git a/frontend/src/components/lab/experiment.tsx b/frontend/src/components/lab/experiment.tsx
index f76ac12f..b3e9ce43 100644
--- a/frontend/src/components/lab/experiment.tsx
+++ b/frontend/src/components/lab/experiment.tsx
@@ -50,7 +50,7 @@ export const Experiment: FC<IExperiment> = (experiment) => {
         properties: {
           deviceInfo: connectedDevice,
           experimentInfo: experimentInfo,
-          userNpub: session.data?.user?.email,
+          userNpub: session.data?.user?.name,
         },
       });
       console.log(experimentInfo);
@@ -64,7 +64,7 @@ export const Experiment: FC<IExperiment> = (experiment) => {
       properties: {
         deviceInfo: connectedDevice,
         experimentDetails: experimentInfo,
-        userNpub: session.data?.user?.email,
+        userNpub: session.data?.user?.name,
       },
     });
     neurosityService.stopRecording();
@@ -85,7 +85,7 @@ export const Experiment: FC<IExperiment> = (experiment) => {
         properties: {
           deviceInfo: await museContext?.museClient?.deviceInfo(),
           experimentInfo: experimentInfo,
-          userNpub: session.data?.user?.email,
+          userNpub: session.data?.user?.name,
         },
       });
       await museEEGService.startRecording(experimentInfo);
@@ -100,7 +100,7 @@ export const Experiment: FC<IExperiment> = (experiment) => {
         properties: {
           deviceInfo: await museContext?.museClient?.deviceInfo(),
           experimentInfo: experimentInfo,
-          userNpub: session.data?.user?.email,
+          userNpub: session.data?.user?.name,
         },
       });
       await museEEGService.stopRecording(true);
diff --git a/frontend/src/pages/datasets.tsx b/frontend/src/pages/datasets.tsx
index 6873fb65..cb5e41be 100644
--- a/frontend/src/pages/datasets.tsx
+++ b/frontend/src/pages/datasets.tsx
@@ -63,8 +63,8 @@ const DatasetPage: NextPage = () => {
           description: "Manage your datasets from previous recordings. You can download your data here.",
         }}
       />
-      <h1 className="text-2xl font-bold mb-4">Datasets</h1>
-      <p className="mb-4">You can download your data here. You can also delete your data from the browser.</p>
+      <h1 className="text-4xl font-bold mb-4">Datasets</h1>
+      <p className="mb-4">Manage your datasets from previous recordings. You can download your data here..</p>
       <ul className="space-y-2">
         {files.map((name, index) => (
           <li key={index} className="flex items-center justify-between">
diff --git a/frontend/src/pages/profile.tsx b/frontend/src/pages/profile.tsx
index 3048d9f0..ad3c036b 100644
--- a/frontend/src/pages/profile.tsx
+++ b/frontend/src/pages/profile.tsx
@@ -9,6 +9,7 @@ import { Button, Dialog, DialogContent, DialogDescription, DialogTitle } from "~
 import { deletePrivateKey } from "~/utils/auth";
 import Link from "next/link";
 import StripeButton from "~/components/stripe-button";
+import { Eye, EyeOff } from "lucide-react";
 
 const AccountPage: NextPage = () => {
   const { data: session } = useSession();
@@ -20,6 +21,8 @@ const AccountPage: NextPage = () => {
     signOut();
   };
 
+  const [showPrivateKey, setShowPrivateKey] = React.useState(false);
+
   return (
     <DashboardLayout>
       <Meta
@@ -32,7 +35,21 @@ const AccountPage: NextPage = () => {
       <p className="mb-10 mt-2 text-lg dark:text-slate-400">You have been assigned an anonymous account</p>
 
       <p>Public Key : {session?.user?.name}</p>
-      <p>Private Key: {session?.user?.privateKey} </p>
+      <div className="relative">
+        <p>
+          Private Key:{" "}
+          {session?.user?.privateKey && (
+            <span className="inline-flex items-center">
+              <span className={`${showPrivateKey ? "" : "filter blur-sm"}`}>{session.user.privateKey}</span>
+              <Button
+                onClick={() => setShowPrivateKey(!showPrivateKey)}
+                className="ml-2 text-blue-500 hover:text-blue-700"
+                leftIcon={showPrivateKey ? <EyeOff size={16} /> : <Eye size={16} />}
+              />
+            </span>
+          )}
+        </p>
+      </div>
 
       <div className="flex flex-row space-x-4 mt-5">
         <Button onClick={() => signOut()}>Log Out</Button>
@@ -47,7 +64,7 @@ const AccountPage: NextPage = () => {
       </div>
 
       <div>
-        <p className="mt-5">Fusion is open source. Fund our development!</p>
+        <p className="mt-5">Support NeuroFusion's open-source development!</p>
         <StripeButton />
       </div>
     </DashboardLayout>