From 570a9e319e7b7f2077204d047d655957216eb24d Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 6 Jun 2025 01:47:31 +0530
Subject: [PATCH] [WEB-4257] chore: user profile setting options updated #7166

---
 web/core/components/profile/form.tsx | 32 +---------------------------
 1 file changed, 1 insertion(+), 31 deletions(-)

diff --git a/web/core/components/profile/form.tsx b/web/core/components/profile/form.tsx
index a7c47566a..46127f802 100644
--- a/web/core/components/profile/form.tsx
+++ b/web/core/components/profile/form.tsx
@@ -6,10 +6,9 @@ import { Controller, useForm } from "react-hook-form";
 import { ChevronDown, CircleUserRound, InfoIcon } from "lucide-react";
 import { Disclosure, Transition } from "@headlessui/react";
 // plane imports
-import { USER_ROLES } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import type { IUser, TUserProfile } from "@plane/types";
-import { Button, CustomSelect, Input, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
+import { Button, Input, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
 // components
 import { getButtonStyling } from "@plane/ui/src/button";
 import { cn } from "@plane/utils";
@@ -342,35 +341,6 @@ export const ProfileForm = observer((props: TProfileFormProps) => {
                   )}
                 />
               </div>
-              <div className="flex flex-col gap-1">
-                <h4 className="text-sm font-medium text-custom-text-200">
-                  {t("role")}&nbsp;
-                  <span className="text-red-500">*</span>
-                </h4>
-                <Controller
-                  name="role"
-                  control={control}
-                  rules={{ required: "Role is required." }}
-                  render={({ field: { value, onChange } }) => (
-                    <CustomSelect
-                      value={value}
-                      onChange={onChange}
-                      label={value ? t(value) : "Select your role"}
-                      buttonClassName={errors.role ? "border-red-500" : "border-none"}
-                      className="rounded-md border-[0.5px] !border-custom-border-200"
-                      optionsClassName="w-full"
-                      input
-                    >
-                      {USER_ROLES.map((item) => (
-                        <CustomSelect.Option key={item.value} value={item.i18n_label}>
-                          {t(item.i18n_label)}
-                        </CustomSelect.Option>
-                      ))}
-                    </CustomSelect>
-                  )}
-                />
-                {errors.role && <span className="text-xs text-red-500">Please select a role</span>}
-              </div>
             </div>
           </div>
           <div className="flex flex-col gap-1">