diff --git a/dashboard/final-example/app/dashboard/(overview)/loading.tsx b/dashboard/final-example/app/dashboard/(overview)/loading.tsx
index ad84532..3eeaa28 100644
--- a/dashboard/final-example/app/dashboard/(overview)/loading.tsx
+++ b/dashboard/final-example/app/dashboard/(overview)/loading.tsx
@@ -1,4 +1,4 @@
-import DashboardSkeleton from '@/app/ui/dashboard/skeletons';
+import DashboardSkeleton from '@/app/ui/skeletons';
export default function Loading() {
return
{link.name}
diff --git a/dashboard/starter-example/app/ui/dashboard/revenue-chart.tsx b/dashboard/starter-example/app/ui/dashboard/revenue-chart.tsx index 1305358..7ccc409 100644 --- a/dashboard/starter-example/app/ui/dashboard/revenue-chart.tsx +++ b/dashboard/starter-example/app/ui/dashboard/revenue-chart.tsx @@ -1,6 +1,7 @@ import { generateYAxis } from '@/app/lib/utils'; import { CalendarIcon } from '@heroicons/react/24/outline'; import { lusitana } from '@/app/ui/fonts'; +import { Revenue } from '@/app/lib/definitions'; // This component is representational only. // For data visualization UI, check out: @@ -8,22 +9,29 @@ import { lusitana } from '@/app/ui/fonts'; // https://www.chartjs.org/ // https://airbnb.io/visx/ -export default async function RevenueChart() { +export default async function RevenueChart({ + revenue, +}: { + revenue: Revenue[]; +}) { const chartHeight = 350; - const { yAxisLabels, topLabel } = generateYAxis(revenue); + // NOTE: comment in this code when you get to this point in the course - if (!revenue || revenue.length === 0) { - returnNo data available.
; - } + // const { yAxisLabels, topLabel } = generateYAxis(revenue); + + // if (!revenue || revenue.length === 0) { + // returnNo data available.
; + // } return ({month.month}
@@ -53,7 +59,7 @@ export default async function RevenueChart() {