diff --git a/src/components/OrgForm.tsx b/src/components/OrgForm.tsx index ca50c305..a6ae467a 100644 --- a/src/components/OrgForm.tsx +++ b/src/components/OrgForm.tsx @@ -8,38 +8,54 @@ import { FormMessage, } from "./ui/form"; import { Input } from "./ui/input"; +import { InputWithButton } from "./ui/input-with-button"; +import { useActiveOrg } from "@/hooks/useActiveOrg"; interface OrgFormProps { forceVertical?: boolean; } - export const OrgForm: FunctionComponent = ({ forceVertical = true, -}) => ( -
-
- { + const activeOrg = useActiveOrg(); + const orgID = activeOrg?.id; + + return ( +
+
+ // Allows every character as long as one letter or number is given. /[a-z0-9]/i.test(value ?? "") || "The name must contain at least one letter or number.", }} - render={({ field }) => ( - - Organization name* - - - - - + render={({ field }) => ( + + Organization name* + + + + + + )} + /> + {activeOrg && ( + )} - /> -
-
-); +
+
+ ); +}; \ No newline at end of file diff --git a/src/components/OrgRegister.tsx b/src/components/OrgRegister.tsx index 29dce110..8da76dd3 100644 --- a/src/components/OrgRegister.tsx +++ b/src/components/OrgRegister.tsx @@ -77,7 +77,7 @@ export default function OrgRegisterForm(props: Props) { > -
+