diff --git a/src/app/components/portfolio/Toolbar.tsx b/src/app/components/portfolio/Toolbar.tsx index 35d7718e..1ba07b6a 100644 --- a/src/app/components/portfolio/Toolbar.tsx +++ b/src/app/components/portfolio/Toolbar.tsx @@ -17,16 +17,18 @@ import UploadCsvModal from "@/app/portfolio/[slug]/components/UploadCsvModal"; import RemoteAssessmentModal from "@/app/portfolio/[slug]/components/RemoteAssessmentModal"; import { useState } from "react"; import { useRouter } from "next/navigation"; +import { ScenarioSelect } from "@/app/db/schema/recommendations"; interface ToolbarProps { portfolioId: string; + scenarios: ScenarioSelect[]; } const navigationMenuTriggerStyle = cva( "bg-gray-50 cursor-pointer group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-gray-200 hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-gray-200 " ); -export function Toolbar({ portfolioId }: ToolbarProps) { +export function Toolbar({ portfolioId, scenarios }: ToolbarProps) { const router = useRouter(); function handleClickSettings() { @@ -94,6 +96,7 @@ export function Toolbar({ portfolioId }: ToolbarProps) { isOpen={isRemoteAssessmentOpen} setIsOpen={setIsRemoteAssessmentOpen} portfolioId={portfolioId} + scenarios={scenarios} /> @@ -21,7 +23,7 @@ export default async function PortfolioLayout({
- +
diff --git a/src/app/portfolio/[slug]/components/RemoteAssessmentModal.tsx b/src/app/portfolio/[slug]/components/RemoteAssessmentModal.tsx index 8b119d9d..01586f42 100644 --- a/src/app/portfolio/[slug]/components/RemoteAssessmentModal.tsx +++ b/src/app/portfolio/[slug]/components/RemoteAssessmentModal.tsx @@ -20,6 +20,9 @@ import { FormDescription, } from "@/app/shadcn_components/ui/form"; import { useToast } from "@/app/hooks/use-toast"; +import { ScenarioSelect } from "@/app/db/schema/recommendations"; +import { useState } from "react"; +import { SelectScenarioDropdown } from "./SelectScenarioDropdown"; type Option = { label: string; @@ -175,7 +178,7 @@ export function SelectDropdown({ - {selectedOption || "Select an option"} + {selectedOption || "Select option"}