From e6f142dc9ea9cd7b9acac32e5f1aa8caf2b84b7e Mon Sep 17 00:00:00 2001
From: Nafees Nazik <84864519+G3root@users.noreply.github.com>
Date: Wed, 31 May 2023 01:08:17 +0530
Subject: [PATCH] fix: event editor not rendered (#9172)

Co-authored-by: Keith Williams <keithwillcode@gmail.com>
---
 .../eventtypes/components/DuplicateDialog.tsx | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/packages/features/eventtypes/components/DuplicateDialog.tsx b/packages/features/eventtypes/components/DuplicateDialog.tsx
index e856252b73..57ec7a9e8f 100644
--- a/packages/features/eventtypes/components/DuplicateDialog.tsx
+++ b/packages/features/eventtypes/components/DuplicateDialog.tsx
@@ -1,23 +1,16 @@
 import { useRouter } from "next/router";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useTypedQuery } from "@calcom/lib/hooks/useTypedQuery";
 import { HttpError } from "@calcom/lib/http-error";
+import { md } from "@calcom/lib/markdownIt";
 import slugify from "@calcom/lib/slugify";
+import turndown from "@calcom/lib/turndownService";
 import { trpc } from "@calcom/trpc/react";
-import {
-  Button,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  Form,
-  showToast,
-  TextAreaField,
-  TextField,
-} from "@calcom/ui";
+import { Button, Dialog, DialogClose, DialogContent, Form, showToast, TextField, Editor } from "@calcom/ui";
 
 const querySchema = z.object({
   title: z.string(),
@@ -31,7 +24,7 @@ const querySchema = z.object({
 const DuplicateDialog = () => {
   const { t } = useLocale();
   const router = useRouter();
-
+  const [firstRender, setFirstRender] = useState(true);
   const {
     data: { pageSlug, slug, ...defaultValues },
   } = useTypedQuery(querySchema);
@@ -125,10 +118,13 @@ const DuplicateDialog = () => {
               />
             )}
 
-            <TextAreaField
-              label={t("description")}
+            <Editor
+              getText={() => md.render(form.getValues("description") || "")}
+              setText={(value: string) => form.setValue("description", turndown(value))}
+              excludedToolbarItems={["blockType", "link"]}
               placeholder={t("quick_video_meeting")}
-              {...register("description")}
+              firstRender={firstRender}
+              setFirstRender={setFirstRender}
             />
 
             <div className="relative">