diff --git a/packages/www/components/Admin/CommonAdminTable/index.tsx b/packages/www/components/Admin/CommonAdminTable/index.tsx index 8ed743131d..e9140f593b 100644 --- a/packages/www/components/Admin/CommonAdminTable/index.tsx +++ b/packages/www/components/Admin/CommonAdminTable/index.tsx @@ -13,7 +13,7 @@ import { useRowSelect, } from "react-table"; import Help from "../../../public/img/help.svg"; -import ReactTooltip from "react-tooltip"; +import { Tooltip } from "react-tooltip"; import { User, Stream } from "@livepeer.studio/api"; import "regenerator-runtime/runtime"; @@ -44,20 +44,12 @@ export const StreamName = ({ admin?: boolean; }) => { const pid = `stream-name-${stream.id}-${name}`; + const tooltipContent = `Created by token ${stream?.createdByTokenName}`; const query = admin ? { admin: true } : {}; return ( - {stream.createdByTokenName ? ( - - Created by token {stream.createdByTokenName} - - ) : null} - + {stream.createdByTokenName ? : null} + @@ -93,15 +85,10 @@ export const RelativeTime = ({ {tm ? ( <> - - {toolTip} - - + + {main} @@ -114,27 +101,23 @@ export const RelativeTime = ({ export const UserName = ({ user }: { user: User }) => { const tid = `tooltip-name-${user.id}`; + const tcontent = ` + ${user.id} + ${user.firstName} + ${user.lastName} + `; return ( - - {user.id} - {user.firstName} - {user.lastName} - - + {user.email.includes("@") ? user.email.split("@").join("@\u{200B}") : user.email} + ); }; @@ -311,7 +294,7 @@ const CommonAdminTable = ({