From f3143d99ee0fcb143c7134a5bc956d5943ac79f4 Mon Sep 17 00:00:00 2001
From: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
Date: Sat, 4 Mar 2023 04:13:26 +0530
Subject: [PATCH] fix: use only slug (#7504)

* fix: use only slug

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

* chore

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

* fix: create slug key

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

---------

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
---
 apps/web/pages/event-types/index.tsx                      | 7 ++++++-
 .../eventtypes/components/CreateEventTypeDialog.tsx       | 8 ++++----
 packages/ui/components/createButton/CreateButton.tsx      | 3 ++-
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/web/pages/event-types/index.tsx b/apps/web/pages/event-types/index.tsx
index f5b6d180a0..3ee9dad439 100644
--- a/apps/web/pages/event-types/index.tsx
+++ b/apps/web/pages/event-types/index.tsx
@@ -637,7 +637,12 @@ const CTA = () => {
   const profileOptions = query.data.profiles
     .filter((profile) => !profile.readOnly)
     .map((profile) => {
-      return { teamId: profile.teamId, label: profile.name || profile.slug, image: profile.image };
+      return {
+        teamId: profile.teamId,
+        label: profile.name || profile.slug,
+        image: profile.image,
+        slug: profile.slug,
+      };
     });
 
   return (
diff --git a/packages/features/eventtypes/components/CreateEventTypeDialog.tsx b/packages/features/eventtypes/components/CreateEventTypeDialog.tsx
index 13dd714b7d..f6c1605078 100644
--- a/packages/features/eventtypes/components/CreateEventTypeDialog.tsx
+++ b/packages/features/eventtypes/components/CreateEventTypeDialog.tsx
@@ -203,26 +203,26 @@ export default function CreateEventTypeDialog() {
                     message={form.formState.errors.schedulingType.message}
                   />
                 )}
-                <RadioArea.Group className="flex mt-1 space-x-4">
+                <RadioArea.Group className="mt-1 flex space-x-4">
                   <RadioArea.Item
                     {...register("schedulingType")}
                     value={SchedulingType.COLLECTIVE}
                     className="w-1/2 text-sm">
-                    <strong className="block mb-1">{t("collective")}</strong>
+                    <strong className="mb-1 block">{t("collective")}</strong>
                     <p>{t("collective_description")}</p>
                   </RadioArea.Item>
                   <RadioArea.Item
                     {...register("schedulingType")}
                     value={SchedulingType.ROUND_ROBIN}
                     className="w-1/2 text-sm">
-                    <strong className="block mb-1">{t("round_robin")}</strong>
+                    <strong className="mb-1 block">{t("round_robin")}</strong>
                     <p>{t("round_robin_description")}</p>
                   </RadioArea.Item>
                 </RadioArea.Group>
               </div>
             )}
           </div>
-          <div className="flex flex-row-reverse mt-8 gap-x-2">
+          <div className="mt-8 flex flex-row-reverse gap-x-2">
             <Button type="submit" loading={createMutation.isLoading}>
               {t("continue")}
             </Button>
diff --git a/packages/ui/components/createButton/CreateButton.tsx b/packages/ui/components/createButton/CreateButton.tsx
index 192e6d3153..a0eb1fc856 100644
--- a/packages/ui/components/createButton/CreateButton.tsx
+++ b/packages/ui/components/createButton/CreateButton.tsx
@@ -18,6 +18,7 @@ export interface Option {
   teamId: number | null | undefined; // if undefined, then it's a profile
   label: string | null;
   image?: string | null;
+  slug: string | null;
 }
 
 interface CreateBtnProps {
@@ -43,7 +44,7 @@ export function CreateButton(props: CreateBtnProps) {
     const query = {
       ...router.query,
       dialog: "new",
-      eventPage: option.label,
+      eventPage: option.slug,
       teamId: option.teamId,
     };
     if (!option.teamId) {