From d708625da0b1ba6c475191e9067d1d4cef6dda55 Mon Sep 17 00:00:00 2001
From: "GitStart-Cal.com" <121884634+gitstart-calcom@users.noreply.github.com>
Date: Sun, 2 Apr 2023 10:26:22 +0000
Subject: [PATCH] Update
 packages/features/ee/teams/components/MemberListItem.tsx (#8030)

Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 .../ee/teams/components/MemberListItem.tsx    | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/features/ee/teams/components/MemberListItem.tsx b/packages/features/ee/teams/components/MemberListItem.tsx
index 7f654af20e..297bd32c99 100644
--- a/packages/features/ee/teams/components/MemberListItem.tsx
+++ b/packages/features/ee/teams/components/MemberListItem.tsx
@@ -93,6 +93,8 @@ export default function MemberListItem(props: Props) {
     props.member.accepted &&
     process.env.NEXT_PUBLIC_TEAM_IMPERSONATION === "true";
 
+  const bookingLink = `${WEBAPP_URL.split("http://")[1]}/${props.member.username}`;
+
   return (
     <li className="divide-y px-5">
       <div className="my-4 flex justify-between">
@@ -112,12 +114,19 @@ export default function MemberListItem(props: Props) {
                 {!props.member.accepted && <TeamPill color="orange" text={t("pending")} />}
                 {props.member.role && <TeamRole role={props.member.role} />}
               </div>
-              <span
-                className="block text-sm text-gray-600"
-                data-testid="member-email"
-                data-email={props.member.email}>
-                {props.member.email}
-              </span>
+              <div className="flex items-center">
+                <span
+                  className="block text-sm text-gray-600"
+                  data-testid="member-email"
+                  data-email={props.member.email}>
+                  {props.member.email}
+                </span>
+                {bookingLink && <>
+                  <span className="mx-2 block text-gray-600">•</span>
+                  <span className="block text-sm text-gray-600">{bookingLink}</span>
+                </>
+                }
+              </div>
             </div>
           </div>
         </div>