chore: minor changes to instant meetings (#12931)

apps/web/components/eventtype/EventTypeSingleLayout.tsx

@@ -46,6 +46,7 @@ import {
   ExternalLink,
   Code,
   Trash,
+  PhoneCall,
   MoreHorizontal,
   Loader,
 } from "@calcom/ui/components/icon";
@@ -115,7 +116,7 @@ function getNavigation(props: {
     {
       name: "workflows",
       href: `/event-types/${eventType.id}?tabName=workflows`,
-      icon: Zap,
+      icon: PhoneCall,
       info: `${enabledWorkflowsNumber} ${t("active")}`,
     },
   ];

apps/web/components/eventtype/InstantEventController.tsx

@@ -8,7 +8,7 @@ import useLockedFieldsManager from "@calcom/features/ee/managed-event-types/hook
 import { classNames } from "@calcom/lib";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Alert, Button, EmptyScreen, SettingsToggle } from "@calcom/ui";
-import { Zap } from "@calcom/ui/components/icon";
+import { PhoneCall } from "@calcom/ui/components/icon";
 
 type InstantEventControllerProps = {
   eventType: EventTypeSetup;
@@ -44,7 +44,7 @@ export default function InstantEventController({
         {!isOrg || !isTeamEvent ? (
           <EmptyScreen
             headline={t("instant_tab_title")}
-            Icon={Zap}
+            Icon={PhoneCall}
             description={t("uprade_to_create_instant_bookings")}
             buttonRaw={<Button href="/enterprise">{t("upgrade")}</Button>}
           />

apps/web/pages/connect-and-join.tsx

@@ -10,7 +10,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc";
 import { TRPCClientError } from "@calcom/trpc/react";
 import { Button, EmptyScreen, Alert } from "@calcom/ui";
-import { Zap } from "@calcom/ui/components/icon";
+import { PhoneCall } from "@calcom/ui/components/icon";
 
 import PageWrapper from "@components/PageWrapper";
 
@@ -51,7 +51,7 @@ function ConnectAndJoin() {
       {session ? (
         <EmptyScreen
           headline={t("instant_tab_title")}
-          Icon={Zap}
+          Icon={PhoneCall}
           description={t("uprade_to_create_instant_bookings")}
           buttonRaw={
             <div className="flex flex-col items-center justify-center	gap-4">
@@ -60,7 +60,7 @@ function ConnectAndJoin() {
                   <Trans i18nKey="some_other_host_already_accepted_the_meeting">
                     Some other host already accepted the meeting. Do you still want to join?
                     <Link className="inline-block cursor-pointer underline" href={meetingUrl}>
-                      Continue to Meeting Url
+                      Continue to Meeting
                     </Link>
                   </Trans>
                 </div>

apps/web/public/static/locales/en/common.json

@@ -132,7 +132,7 @@
   "meeting_url": "Meeting URL",
   "meeting_url_not_found":"Meeting URL not found",
   "token_not_found":"Token not found",
-  "some_other_host_already_accepted_the_meeting":"Some other host already accepted the meeting. Do you still want to join? <1>Continue to Meeting Url</1>",
+  "some_other_host_already_accepted_the_meeting":"Some other host already accepted the meeting. Do you still want to join? <1>Continue to Meeting</1>",
   "meeting_request_rejected": "Your meeting request has been rejected",
   "rejected_event_type_with_organizer": "Rejected: {{eventType}} with {{organizer}} on {{date}}",
   "hi": "Hi",

packages/features/bookings/Booker/Booker.tsx

@@ -13,7 +13,7 @@ import classNames from "@calcom/lib/classNames";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import useMediaQuery from "@calcom/lib/hooks/useMediaQuery";
 import { BookerLayouts, defaultBookerLayoutSettings } from "@calcom/prisma/zod-utils";
-import { AvatarGroup, Button } from "@calcom/ui";
+import { Button } from "@calcom/ui";
 
 import { AvailableTimeSlots } from "./components/AvailableTimeSlots";
 import { BookEventForm } from "./components/BookEventForm";
@@ -392,7 +392,7 @@ export const InstantBooking = () => {
       <div className="flex items-center gap-3 ps-1">
         {/* TODO: max. show 4 people here */}
         <div className="relative">
-          <AvatarGroup
+          {/* <AvatarGroup
             size="sm"
             className="relative"
             items={[
@@ -412,7 +412,7 @@ export const InstantBooking = () => {
                 title: "Alex Van Andel",
               },
             ]}
-          />
+          /> */}
           <div className="border-muted absolute -bottom-0.5 -right-1 h-2 w-2 rounded-full border bg-green-500" />
         </div>
         <div>{t("dont_want_to_wait")}</div>