diff --git a/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx b/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx index 0e404cab..e4632525 100644 --- a/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx +++ b/src/app/portfolio/[slug]/(portfolio)/reporting/RecommendationsOptions.tsx @@ -27,6 +27,7 @@ import { arrayMove, } from "@dnd-kit/sortable"; import { CSS } from "@dnd-kit/utilities"; +import { ScenarioSummary } from "./types"; export interface RecommendationsOptionsProps { onApply: (value: { @@ -34,13 +35,9 @@ export interface RecommendationsOptionsProps { prioritisedScenarios: number[] | null; }) => Promise | void; disabled?: boolean; + scenarios: ScenarioSummary[] } -const fakeScenarios = [ - { id: 1, name: "EPC C" }, - { id: 2, name: "EPC C - Minor Works" }, -]; - function SortableScenarioItem({ id, name, @@ -84,6 +81,7 @@ function SortableScenarioItem({ export function RecommendationsOptions({ onApply, disabled = false, + scenarios }: RecommendationsOptionsProps) { const [isApplying, setIsApplying] = useState(false); const [open, setOpen] = useState(false); @@ -98,7 +96,7 @@ export function RecommendationsOptions({ }; const handleSelectAll = () => { - setSelectedScenarios(fakeScenarios.map((s) => s.id)); + setSelectedScenarios(scenarios.map((s) => s.id)); }; const handleDeselectAll = () => { @@ -136,7 +134,7 @@ export function RecommendationsOptions({ }; const selectedScenarioObjects = selectedScenarios.map( - (id) => fakeScenarios.find((s) => s.id === id)! + (id) => scenarios.find((s) => s.id === id)! ); return ( @@ -170,9 +168,9 @@ export function RecommendationsOptions({
-

Select scenarios

+

Select scenarios to consider

- {fakeScenarios.map((scenario) => ( + {scenarios.map((scenario) => (
{console.log('Generat Recommendations')}} disabled={scenarioBusy} + scenarios={scenarios} /> }