From f10ff18d9f215619ebc25402c72f4f5a26b5d35f Mon Sep 17 00:00:00 2001
From: "GitStart-Cal.com" <121884634+gitstart-calcom@users.noreply.github.com>
Date: Wed, 5 Apr 2023 09:54:25 +0000
Subject: [PATCH] FIX-CALCOM-8009 (#8097)

Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
---
 .../features/ee/teams/components/MemberListItem.tsx    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/features/ee/teams/components/MemberListItem.tsx b/packages/features/ee/teams/components/MemberListItem.tsx
index 12b2cdf9e6..68c35bf5a4 100644
--- a/packages/features/ee/teams/components/MemberListItem.tsx
+++ b/packages/features/ee/teams/components/MemberListItem.tsx
@@ -93,7 +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}`;
+  const urlWithoutProtocol = WEBAPP_URL.replace(/^https?:\/\//, "");
+  const bookingLink = `${urlWithoutProtocol}/${props.member.username}`;
 
   return (
     <li className="divide-y px-5">
@@ -124,7 +125,12 @@ export default function MemberListItem(props: Props) {
                 {bookingLink && (
                   <>
                     <span className="mx-2 block text-gray-600">•</span>
-                    <span className="block text-sm text-gray-600">{bookingLink}</span>
+                    <a
+                      target="_blank"
+                      href={`${WEBAPP_URL}/${props.member.username}`}
+                      className="block text-sm text-gray-600">
+                      {bookingLink}
+                    </a>
                   </>
                 )}
               </div>