diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index 75c6273f8e..de2d67aedb 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -466,14 +466,14 @@ "booking_confirmation": "Confirm your {{eventTypeTitle}} with {{profileName}}", "booking_reschedule_confirmation": "Reschedule your {{eventTypeTitle}} with {{profileName}}", "in_person_meeting": "In-person meeting", - "attendeeInPerson":"In Person (Attendee Address)", - "inPerson":"In Person (Organizer Address)", + "attendeeInPerson": "In Person (Attendee Address)", + "inPerson": "In Person (Organizer Address)", "link_meeting": "Link meeting", "phone_call": "Attendee Phone Number", "your_number": "Your phone number", "phone_number": "Phone Number", "attendee_phone_number": "Attendee Phone Number", - "organizer_phone_number" :"Organizer Phone Number", + "organizer_phone_number": "Organizer Phone Number", "host_phone_number": "Your Phone Number", "enter_phone_number": "Enter phone number", "reschedule": "Reschedule", @@ -1385,12 +1385,21 @@ "choose_common_schedule_team_event_description": "Enable this if you want to use a common schedule between hosts. When disabled, each host will be booked based on their default schedule.", "reason": "Reason", "sender_id": "Sender ID", - "sender_id_error_message":"Only letters, numbers and spaces allowed (max. 11 characters)", + "sender_id_error_message": "Only letters, numbers and spaces allowed (max. 11 characters)", "test_routing_form": "Test Routing Form", "test_preview": "Test Preview", "route_to": "Route to", "test_preview_description": "Test your routing form without submitting any data", "test_routing": "Test Routing", + "booking_limit_reached": "Booking Limit for this event type has been reached", + "fill_this_field": "Please fill in this field", + "collective_scheduling": "Collective Scheduling", + "make_it_easy_to_book": "Make it easy to book your team when everyone is available.", + "find_the_best_person": "Find the best person available and cycle through your team.", + "fixed_round_robin": "Fixed round robin", + "add_one_fixed_attendee": "Add one fixed attendee and round robin through a number of attendees.", + "calcom_is_better_with_team": "Cal.com is better with teams", + "add_your_team_members": "Add your team members to your event types. Use collective scheduling to include everyone or find the most suitable person with round robin scheduling.", "booking_limit_reached":"Booking Limit for this event type has been reached", "fill_this_field": "Please fill in this field", "options": "Options", diff --git a/apps/web/public/team-banner-background.jpg b/apps/web/public/team-banner-background.jpg new file mode 100644 index 0000000000..034fa8501a Binary files /dev/null and b/apps/web/public/team-banner-background.jpg differ diff --git a/packages/features/ee/teams/components/TeamsListing.tsx b/packages/features/ee/teams/components/TeamsListing.tsx index 5e5097543f..b37a92553f 100644 --- a/packages/features/ee/teams/components/TeamsListing.tsx +++ b/packages/features/ee/teams/components/TeamsListing.tsx @@ -2,6 +2,7 @@ import { useState } from "react"; import { WEBAPP_URL } from "@calcom/lib/constants"; import { useLocale } from "@calcom/lib/hooks/useLocale"; +import isCalcom from "@calcom/lib/isCalcom"; import { trpc } from "@calcom/trpc/react"; import { Alert, Button, EmptyScreen, Icon } from "@calcom/ui"; @@ -21,6 +22,24 @@ export function TeamsListing() { const teams = data?.filter((m) => m.accepted) || []; const invites = data?.filter((m) => !m.accepted) || []; + const features = [ + { + icon: , + title: t("collective_scheduling"), + description: t("make_it_easy_to_book"), + }, + { + icon: , + title: t("round_robin"), + description: t("find_the_best_person"), + }, + { + icon: , + title: t("fixed_round_robin"), + description: t("add_one_fixed_attendee"), + }, + ]; + return ( <> {!!errorMessage && } @@ -32,16 +51,52 @@ export function TeamsListing() { )} {isLoading && } {!teams.length && !isLoading && ( - - {t("create_team")} - - } - /> + <> + {isCalcom ? ( +
+
+
+

{t("calcom_is_better_with_team")}

+

{t("add_your_team_members")}

+
+ + +
+
+
+
+ {features.map((feature) => ( +
+ {feature.icon} +

{feature.title}

+

{feature.description}

+
+ ))} +
+
+ ) : ( + + {t("create_team")} + + } + /> + )} + )} {teams.length > 0 && }