diff --git a/ui/src/components/layout/AppLayout.tsx b/ui/src/components/layout/AppLayout.tsx index ed3984e7..8b2b90c8 100644 --- a/ui/src/components/layout/AppLayout.tsx +++ b/ui/src/components/layout/AppLayout.tsx @@ -10,6 +10,7 @@ import { Button } from "@/components/ui/button"; import { SidebarInset, SidebarProvider, useSidebar } from "@/components/ui/sidebar"; import { PostHogEvent } from "@/constants/posthog-events"; import { useAppConfig } from "@/context/AppConfigContext"; +import { LeadFormsProvider } from "@/context/LeadFormsContext"; import { AppSidebar } from "./AppSidebar"; import { GitHubStarBadge } from "./GitHubStarBadge"; @@ -111,39 +112,41 @@ const AppLayout: React.FC = ({ return ( {shouldShowSidebar ? ( -
- - - - {!isWorkflowEditor && } - {/* Optional header area for specific pages */} - {headerActions && ( -
-
-
- {headerActions} + +
+ + + + {!isWorkflowEditor && } + {/* Optional header area for specific pages */} + {headerActions && ( +
+
+
+ {headerActions} +
+
+
+ )} + + {/* Optional sticky tabs */} + {stickyTabs && ( +
+
+
+ {stickyTabs} +
-
- )} + )} - {/* Optional sticky tabs */} - {stickyTabs && ( -
-
-
- {stickyTabs} -
-
-
- )} - - {/* Main content area */} -
- {children} -
-
-
+ {/* Main content area */} +
+ {children} +
+ + + ) : (
diff --git a/ui/src/components/lead-forms/TopUpModal.tsx b/ui/src/components/lead-forms/TopUpModal.tsx index b574ee45..be56fcd0 100644 --- a/ui/src/components/lead-forms/TopUpModal.tsx +++ b/ui/src/components/lead-forms/TopUpModal.tsx @@ -23,10 +23,10 @@ import { import { validateWorkEmail } from "./isPersonalEmail"; import { + type LeadSource, TOPUP_COMPANY_SIZE_OPTIONS, TOPUP_VOLUME_OPTIONS, VOLUME_PRICING_GATE, - type LeadSource, } from "./leadFieldOptions"; import { MathCaptcha } from "./MathCaptcha"; import { submitLead } from "./submitLead"; diff --git a/ui/src/context/LeadFormsContext.tsx b/ui/src/context/LeadFormsContext.tsx index d885ac5a..0d8da74b 100644 --- a/ui/src/context/LeadFormsContext.tsx +++ b/ui/src/context/LeadFormsContext.tsx @@ -1,7 +1,7 @@ "use client"; import posthog from "posthog-js"; -import { createContext, useCallback, useContext, useMemo, useRef, useState, type ReactNode } from "react"; +import { createContext, type ReactNode,useCallback, useContext, useMemo, useRef, useState } from "react"; import { EnterpriseModal } from "@/components/lead-forms/EnterpriseModal"; import { HireExpertModal } from "@/components/lead-forms/HireExpertModal";