From 11e846023331c5cbbe6a67bcb050c8ab28b2e9da Mon Sep 17 00:00:00 2001
From: Akshita Goyal <36129505+gakshita@users.noreply.github.com>
Date: Mon, 7 Apr 2025 14:47:39 +0530
Subject: [PATCH] [WEB-3757] chore: intake forms asterisk added #2882

---
 space/ee/components/intake/create/form.tsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/space/ee/components/intake/create/form.tsx b/space/ee/components/intake/create/form.tsx
index 4f80f782c2..726877f978 100644
--- a/space/ee/components/intake/create/form.tsx
+++ b/space/ee/components/intake/create/form.tsx
@@ -1,6 +1,7 @@
 import { observer } from "mobx-react";
 // plane types
 import { Controller, useFormContext } from "react-hook-form";
+import { useTranslation } from "@plane/i18n";
 import { IProject } from "@plane/types";
 // plane ui
 import { Button, Input } from "@plane/ui";
@@ -12,20 +13,19 @@ import { RichTextEditor } from "@/components/editor/rich-text-editor";
 import { useIssueDetails, usePublish } from "@/hooks/store";
 // local types
 import { TFormData } from "./create-issue-modal";
-import { useTranslation } from "@plane/i18n";
+
 type TProps = {
   project: Partial<IProject>;
   isSubmitting: boolean;
   descriptionEditorRef: React.RefObject<any>;
   anchor: string;
-
   placeholder?: string | ((isFocused: boolean, value: string) => string);
 };
 const DEFAULT_COVER_IMAGE =
   "https://images.unsplash.com/photo-1672243775941-10d763d9adef?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80";
 
 const IssueForm = observer((props: TProps) => {
-  const { project, isSubmitting, descriptionEditorRef, anchor, placeholder } = props;
+  const { project, isSubmitting, descriptionEditorRef, anchor } = props;
   // store hooks
   const { workspace: workspaceID, project_details } = usePublish(anchor);
   const { uploadIssueAsset } = useIssueDetails();
@@ -62,7 +62,10 @@ const IssueForm = observer((props: TProps) => {
         </div>
 
         <div className="md:col-span-3">
-          <div className="text-sm text-custom-text-300 mb-1 font-medium">{t("intake_forms.create.name")}</div>
+          <div className="text-sm text-custom-text-300 mb-1 font-medium">
+            {t("intake_forms.create.name")}
+            <span className="ml-0.5 text-red-500">*</span>
+          </div>
           <Controller
             control={control}
             name="username"
@@ -89,7 +92,10 @@ const IssueForm = observer((props: TProps) => {
           <span className="text-xs text-red-500 capitalize">{errors?.username?.message}</span>
         </div>
         <div className="md:col-span-3">
-          <div className="text-sm text-custom-text-300 mb-1 font-medium">{t("intake_forms.create.email")}</div>
+          <div className="text-sm text-custom-text-300 mb-1 font-medium">
+            {t("intake_forms.create.email")}
+            <span className="ml-0.5 text-red-500">*</span>
+          </div>
           <Controller
             control={control}
             name="email"
@@ -117,7 +123,10 @@ const IssueForm = observer((props: TProps) => {
         </div>
 
         <div className="md:col-span-3">
-          <div className="text-sm text-custom-text-300 mb-1 font-medium">{t("intake_forms.create.about")}</div>
+          <div className="text-sm text-custom-text-300 mb-1 font-medium">
+            {t("intake_forms.create.about")}
+            <span className="ml-0.5 text-red-500">*</span>
+          </div>
           <Controller
             control={control}
             name="name"