From 219e12674e756e4bc18276ee0db79a9dd4e04423 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 28 Oct 2024 21:18:33 +0530
Subject: [PATCH] feat: show user email for run by user

---
 src/components/molecules/ColapsibleRow.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/ColapsibleRow.tsx b/src/components/molecules/ColapsibleRow.tsx
index 47d8ba72..1f6e0ad4 100644
--- a/src/components/molecules/ColapsibleRow.tsx
+++ b/src/components/molecules/ColapsibleRow.tsx
@@ -9,6 +9,7 @@ import { columns, Data } from "./RunsTable";
 import { RunContent } from "./RunContent";
 import { GenericModal } from "../atoms/GenericModal";
 import { modalStyle } from "./AddWhereCondModal";
+import { getUserById } from "../../api/auth";
 
 interface RunTypeChipProps {
   runByUserId?: string;
@@ -34,8 +35,9 @@ interface CollapsibleRowProps {
 export const CollapsibleRow = ({ row, handleDelete, isOpen, currentLog, abortRunHandler, runningRecordingName }: CollapsibleRowProps) => {
   const [open, setOpen] = useState(isOpen);
   const [openSettingsModal, setOpenSettingsModal] = useState(false);
+  const [userEmail, setUserEmail] = useState<string | null>(null);
   const runByLabel = row.runByUserId
-    ? `${row.runByUserId}`
+    ? `${userEmail}`
     : row.runByScheduleId
       ? `${row.runByScheduleId}`
       : row.runByAPI
@@ -58,6 +60,18 @@ export const CollapsibleRow = ({ row, handleDelete, isOpen, currentLog, abortRun
     scrollToLogBottom();
   }, [currentLog])
 
+  useEffect(() => {
+    const fetchUserEmail = async () => {
+      if (row.runByUserId) {
+        const userData = await getUserById(row.runByUserId);
+        if (userData && userData.user) {
+          setUserEmail(userData.user.email);
+        }
+      }
+    };
+    fetchUserEmail();
+  }, [row.runByUserId]);
+
   return (
     <React.Fragment>
       <TableRow sx={{ '& > *': { borderBottom: 'unset' } }} hover role="checkbox" tabIndex={-1} key={row.id}>