diff --git a/resources/js/pages/Scenarios/Show.tsx b/resources/js/pages/Scenarios/Show.tsx index 29c490f..8f59f2e 100644 --- a/resources/js/pages/Scenarios/Show.tsx +++ b/resources/js/pages/Scenarios/Show.tsx @@ -4,6 +4,7 @@ import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } import { Button } from '@/components/ui/button'; import InlineEditInput from '@/components/InlineEditInput'; import InlineEditSelect from '@/components/InlineEditSelect'; +import IncomeDistributionPreview from '@/components/IncomeDistributionPreview'; interface Scenario { id: string; @@ -371,6 +372,13 @@ export default function Show({ scenario, buckets, streams = { data: [] }, stream )} + {/* Income Distribution Preview */} + {buckets.data.length > 0 && ( +
+ +
+ )} + {/* Streams Section */}
@@ -517,15 +525,6 @@ export default function Show({ scenario, buckets, streams = { data: [] }, stream )}
- {/* Placeholder for future features */} -
-

- Coming Next: Timeline & Projections -

-

- Calculate projections to see your money flow through these buckets over time. -

-