-
![{currentUser?.first_name]({watch("cover_image"))
-
-
-
-
-
-
-
-
-
-
(
- onChange(imageUrl)}
- control={control}
- value={value ?? "https://images.unsplash.com/photo-1506383796573-caf02b4a79ab"}
- isProfileCover
- />
+
+
+
+
+
-
-
- {`${watch("first_name")} ${watch("last_name")}`}
-
-
{watch("email")}
-
+
+ (
+ onChange(imageUrl)}
+ control={control}
+ value={value ?? "https://images.unsplash.com/photo-1506383796573-caf02b4a79ab"}
+ isProfileCover
+ />
+ )}
+ />
+
+
+
+
+ {`${watch("first_name")} ${watch("last_name")}`}
+
+
{watch("email")}
+
+
+ {/*
Activity Overview
*/}
-
-
-
+ )}
+ />
+ {errors.first_name &&
Please enter first name}
-
-
- {({ open }) => (
- <>
-
- Deactivate account
-
-
-
-
-
-
- The danger zone of the profile page is a critical area that requires careful consideration and
- attention. When deactivating an account, all of the data and resources within that account
- will be permanently removed and cannot be recovered.
-
-
-
-
-
+
+
+
Last name
+
+ (
+
+ )}
+ />
+
+
+
+
+ Email*
+
+ (
+
+ )}
+ />
+
+
+
+
+ Role*
+
+ (
+
+ {USER_ROLES.map((item) => (
+
+ {item.label}
+
+ ))}
+
+ )}
+ />
+ {errors.role && Please select a role}
+
+
+
+
+ Display name*
+
+ {
+ if (value.trim().length < 1) return "Display name can't be empty.";
+
+ if (value.split(" ").length > 1) return "Display name can't have two consecutive spaces.";
+
+ if (value.replace(/\s/g, "").length < 1)
+ return "Display name must be at least 1 characters long.";
+
+ if (value.replace(/\s/g, "").length > 20)
+ return "Display name must be less than 20 characters long.";
+
+ return true;
+ },
+ }}
+ render={({ field: { value, onChange, ref } }) => (
+
+ )}
+ />
+ {errors?.display_name && Please enter display name}
+
+
+
+
+ Timezone*
+
+
+ (
+ t.value === value)?.label ?? value : "Select a timezone"}
+ options={timeZoneOptions}
+ onChange={onChange}
+ optionsClassName="w-full"
+ buttonClassName={errors.user_timezone ? "border-red-500" : "border-none"}
+ className="rounded-md border-[0.5px] !border-custom-border-200"
+ input
+ />
+ )}
+ />
+ {errors.role && Please select a time zone}
+
+
+
+
+
+