mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[nexus] fix: replace radix DialogPortal with createPortal in NexusOnboardingWizard

Browse source
This commit is contained in:
Mikkel Georgsen 2026-03-31 17:55:02 +02:00 • committed by Nexus Dev
parent 30fc5b3341
commit 4758327dbe
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/src/components/NexusOnboardingWizard.tsx
View file

@ -4,6 +4,7 @@
// redirected here at build time; the original file is preserved for upstream rebase. // redirected here at build time; the original file is preserved for upstream rebase.
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { createPortal } from "react-dom"; // [nexus] use raw portal, not radix DialogPortal
import { useLocation, useNavigate, useParams } from "@/lib/router"; import { useLocation, useNavigate, useParams } from "@/lib/router";
import { VOCAB } from "@paperclipai/branding"; import { VOCAB } from "@paperclipai/branding";
import { useQueryClient } from "@tanstack/react-query"; import { useQueryClient } from "@tanstack/react-query";
@ -13,7 +14,6 @@ import { companiesApi } from "../api/companies";
import { agentsApi } from "../api/agents"; import { agentsApi } from "../api/agents";
import { queryKeys } from "../lib/queryKeys"; import { queryKeys } from "../lib/queryKeys";
import { resolveRouteOnboardingOptions } from "../lib/onboarding-route"; import { resolveRouteOnboardingOptions } from "../lib/onboarding-route";
import { Dialog, DialogPortal } from "@/components/ui/dialog";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { cn } from "../lib/utils"; import { cn } from "../lib/utils";
@ -123,8 +123,7 @@ export function OnboardingWizard() {
if (!effectiveOnboardingOpen) return null; if (!effectiveOnboardingOpen) return null;
return ( return createPortal(
<DialogPortal>
<div className="fixed inset-0 z-50 flex items-center justify-center"> <div className="fixed inset-0 z-50 flex items-center justify-center">
{/* Backdrop */} {/* Backdrop */}
<div <div
@ -213,7 +212,7 @@ export function OnboardingWizard() {
</Button> </Button>
</form> </form>
</div> </div>
</div> </div>,
</DialogPortal> document.body // [nexus] portal to body, not radix DialogPortal
); );
} }