diff --git a/js/apps/admin-ui/src/organizations/DetailOrganization.tsx b/js/apps/admin-ui/src/organizations/DetailOrganization.tsx
index 3e83731689..d16eab590d 100644
--- a/js/apps/admin-ui/src/organizations/DetailOrganization.tsx
+++ b/js/apps/admin-ui/src/organizations/DetailOrganization.tsx
@@ -107,7 +107,7 @@ export default function DetailOrganization() {
onSubmit={form.handleSubmit(save)}
isHorizontal
>
-
+
& {
@@ -27,20 +25,22 @@ export const convertToOrg = (
attributes: keyValueToArray(org.attributes),
});
-export const OrganizationForm = () => {
+type OrganizationFormProps = {
+ readOnly?: boolean;
+};
+
+export const OrganizationForm = ({
+ readOnly = false,
+}: OrganizationFormProps) => {
const { t } = useTranslation();
- const { tab } = useParams();
- const { setValue, getFieldState } = useFormContext();
+ const { setValue } = useFormContext();
const name = useWatch({ name: "name" });
- const isEditable = tab !== "settings";
useEffect(() => {
- const { isDirty } = getFieldState("alias");
-
- if (isEditable && !isDirty) {
+ if (!readOnly) {
setValue("alias", name);
}
- }, [name, isEditable]);
+ }, [name, readOnly]);
return (
<>
@@ -53,7 +53,7 @@ export const OrganizationForm = () => {
label={t("alias")}
name="alias"
labelIcon={t("organizationAliasHelp")}
- isDisabled={!isEditable}
+ isDisabled={readOnly}
/>