diff --git a/messages/en-US.json b/messages/en-US.json index dfe7c3ba..a031cda6 100644 --- a/messages/en-US.json +++ b/messages/en-US.json @@ -1524,6 +1524,7 @@ "addNewTarget": "Add New Target", "targetsList": "Targets List", "advancedMode": "Advanced Mode", + "advancedSettings": "Advanced Settings", "targetErrorDuplicateTargetFound": "Duplicate target found", "healthCheckHealthy": "Healthy", "healthCheckUnhealthy": "Unhealthy", diff --git a/src/app/setup/page.tsx b/src/app/setup/page.tsx index 10a8b14e..c8b2af19 100644 --- a/src/app/setup/page.tsx +++ b/src/app/setup/page.tsx @@ -30,6 +30,13 @@ import { } from "@app/components/ui/form"; import { Alert, AlertDescription } from "@app/components/ui/alert"; import { useTranslations } from "next-intl"; +import { + Collapsible, + CollapsibleContent, + CollapsibleTrigger +} from "@app/components/ui/collapsible"; +import { ChevronsUpDown } from "lucide-react"; +import { cn } from "@app/lib/cn"; type Step = "org" | "site" | "resources"; @@ -43,6 +50,7 @@ export default function StepperForm() { const [isChecked, setIsChecked] = useState(false); // Removed error state, now using toast for API errors const [orgCreated, setOrgCreated] = useState(false); + const [isAdvancedOpen, setIsAdvancedOpen] = useState(false); const orgSchema = z.object({ orgName: z.string().min(1, { message: t("orgNameRequired") }), @@ -304,53 +312,85 @@ export default function StepperForm() { )} /> - ( - - - {t("setupSubnetAdvanced")} - - - - - - - {t( - "setupSubnetDescription" - )} - - - )} - /> + +
+ + + +
+ + ( + + + {t( + "setupSubnetAdvanced" + )} + + + + + + + {t( + "setupSubnetDescription" + )} + + + )} + /> - ( - - - {t("setupUtilitySubnet")} - - - - - - - {t( - "setupUtilitySubnetDescription" - )} - - - )} - /> + ( + + + {t( + "setupUtilitySubnet" + )} + + + + + + + {t( + "setupUtilitySubnetDescription" + )} + + + )} + /> + +
{orgIdTaken && !orgCreated ? ( @@ -366,10 +406,7 @@ export default function StepperForm() {