Team Workflows (#7038)

Co-authored-by: Hariom Balhara <hariombalhara@gmail.com>
Co-authored-by: CarinaWolli <wollencarina@gmail.com>
Co-authored-by: zomars <zomars@me.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>

apps/web/pages/event-types/index.tsx

@@ -5,10 +5,9 @@ import type { FC } from "react";
 import { useEffect, useState, memo } from "react";
 import { z } from "zod";
 
-import {
-  CreateEventTypeButton,
-  EventTypeDescriptionLazy as EventTypeDescription,
-} from "@calcom/features/eventtypes/components";
+import { EventTypeDescriptionLazy as EventTypeDescription } from "@calcom/features/eventtypes/components";
+import CreateEventTypeDialog from "@calcom/features/eventtypes/components/CreateEventTypeDialog";
+import { DuplicateDialog } from "@calcom/features/eventtypes/components/DuplicateDialog";
 import Shell from "@calcom/features/shell/Shell";
 import { APP_NAME, CAL_URL, WEBAPP_URL } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -35,6 +34,7 @@ import {
   showToast,
   Switch,
   Tooltip,
+  CreateButton,
   HorizontalTabs,
 } from "@calcom/ui";
 import {
@@ -134,9 +134,9 @@ const Item = ({ type, group, readOnly }: { type: EventType; group: EventTypeGrou
           </small>
         ) : null}
         {readOnly && (
-          <span className="items-center rounded-sm bg-gray-100 px-1.5 py-0.5 text-xs font-medium text-gray-800 ltr:ml-2 ltr:mr-2 rtl:ml-2">
+          <Badge variant="gray" className="ml-2">
             {t("readonly")}
-          </span>
+          </Badge>
         )}
       </div>
       <EventTypeDescription
@@ -240,7 +240,7 @@ export const EventTypeList = ({ group, groupIndex, readOnly, types }: EventTypeL
   const openDuplicateModal = (eventType: EventType, group: EventTypeGroup) => {
     const query = {
       ...router.query,
-      dialog: "duplicate-event-type",
+      dialog: "duplicate",
       title: eventType.title,
       description: eventType.description,
       slug: eventType.slug,
@@ -627,17 +627,32 @@ const CreateFirstEventTypeView = () => {
 };
 
 const CTA = () => {
+  const { t } = useLocale();
+
   const query = trpc.viewer.eventTypes.getByViewer.useQuery();
 
   if (!query.data) return null;
 
-  return <CreateEventTypeButton canAddEvents={true} options={query.data.profiles} />;
+  const profileOptions = query.data.profiles
+    .filter((profile) => !profile.readOnly)
+    .map((profile) => {
+      return { teamId: profile.teamId, label: profile.name || profile.slug, image: profile.image };
+    });
+
+  return (
+    <CreateButton
+      subtitle={t("create_event_on").toUpperCase()}
+      options={profileOptions}
+      createDialog={CreateEventTypeDialog}
+    />
+  );
 };
 
 const WithQuery = withQuery(trpc.viewer.eventTypes.getByViewer);
 
 const EventTypesPage = () => {
   const { t } = useLocale();
+  const router = useRouter();
 
   const isMobile = useMediaQuery("(max-width: 768px)");
 
@@ -683,6 +698,7 @@ const EventTypesPage = () => {
               )}
 
               <EmbedDialog />
+              {router.query.dialog === "duplicate" && <DuplicateDialog />}
             </>
           )}
         />

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

@@ -598,7 +598,6 @@
   "new_event_type_heading": "Create your first event type",
   "new_event_type_description": "Event types enable you to share links that show available times on your calendar and allow people to make bookings with you.",
   "new_event_title": "Add a new event type",
-  "new_event_subtitle": "Create an event type under your name or a team.",
   "new_team_event": "Add a new team event type",
   "new_event_description": "Create a new event type for people to book times with.",
   "event_type_created_successfully": "{{eventTypeTitle}} event type created successfully",
@@ -1527,6 +1526,7 @@
   "sender_name": "Sender name",
   "already_invited": "Attendee already invited",
   "no_recordings_found": "No recordings found",
+  "new_workflow_subtitle": "New workflow for...",
   "reporting": "Reporting",
   "reporting_feature": "See all incoming from data and download it as a CSV",
   "teams_plan_required": "Teams plan required",
@@ -1581,14 +1581,17 @@
   "email_no_user_step_four":"Join {{teamName}}",
   "email_no_user_signoff":"Happy Scheduling from the {{appName}} team",
   "impersonation_user_tip": "You are about to impersonate a user, which means you can make changes on their behalf. Please be careful.",
-  "scheduler": "{Scheduler}",
   "available_variables": "Available variables",
+  "scheduler": "{Scheduler}",
+  "no_workflows": "No workflows",
+  "change_filter": "Change filter to see your personal and team workflows.",
   "recommended_next_steps": "Recommended next steps",
   "create_a_managed_event": "Create a managed event type",
   "meetings_are_better_with_the_right": "Meetings are better with the right team members there. Invite them now.",
   "create_a_one_one_template": "Create a one-one one template for an event type and distribute it to multiple members.",
   "collective_or_roundrobin": "Collective or round-robin",
   "book_your_team_members": "Book your team members together with collective events or cycle through to get the right person with round-robin.",
+  "create_event_on": "Create event on",
   "default_app_link_title":"Set a default app link",
   "default_app_link_description":"Setting a default app link allows all newly created event types to use the app link you set.",
   "change_default_conferencing_app":"Set as default",
@@ -1619,5 +1622,7 @@
   "select_a_router": "Select a router",
   "add_a_new_route": "Add a new Route",
   "no_responses_yet": "No responses yet",
-  "this_will_be_the_placeholder": "This will be the placeholder"
+  "this_will_be_the_placeholder": "This will be the placeholder",
+  "verification_code": "Verification code",
+  "verify": "Verify"
 }