mirror of
https://github.com/vercel/next-learn.git
synced 2026-06-11 09:51:47 +00:00
committed by
GitHub
parent
bab4ed6723
commit
e4ecb6679d
@@ -16,7 +16,7 @@ const iconMap = {
|
|||||||
export default async function CardWrapper() {
|
export default async function CardWrapper() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* NOTE: comment in this code when you get to this point in the course */}
|
{/* NOTE: Uncomment this code in Chapter 9 */}
|
||||||
|
|
||||||
{/* <Card title="Collected" value={totalPaidInvoices} type="collected" />
|
{/* <Card title="Collected" value={totalPaidInvoices} type="collected" />
|
||||||
<Card title="Pending" value={totalPendingInvoices} type="pending" />
|
<Card title="Pending" value={totalPendingInvoices} type="pending" />
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ export default async function LatestInvoices({
|
|||||||
Latest Invoices
|
Latest Invoices
|
||||||
</h2>
|
</h2>
|
||||||
<div className="flex grow flex-col justify-between rounded-xl bg-gray-50 p-4">
|
<div className="flex grow flex-col justify-between rounded-xl bg-gray-50 p-4">
|
||||||
{/* NOTE: comment in this code when you get to this point in the course */}
|
{/* NOTE: Uncomment this code in Chapter 9 */}
|
||||||
|
|
||||||
{/* <div className="bg-white px-6">
|
{/* <div className="bg-white px-6">
|
||||||
{latestInvoices.map((invoice, i) => {
|
{latestInvoices.map((invoice, i) => {
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ export default async function RevenueChart({
|
|||||||
revenue: Revenue[];
|
revenue: Revenue[];
|
||||||
}) {
|
}) {
|
||||||
const chartHeight = 350;
|
const chartHeight = 350;
|
||||||
// NOTE: comment in this code when you get to this point in the course
|
// NOTE: Uncomment this code in Chapter 7
|
||||||
|
|
||||||
// const { yAxisLabels, topLabel } = generateYAxis(revenue);
|
// const { yAxisLabels, topLabel } = generateYAxis(revenue);
|
||||||
|
|
||||||
@@ -28,7 +28,7 @@ export default async function RevenueChart({
|
|||||||
<h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
|
<h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
|
||||||
Recent Revenue
|
Recent Revenue
|
||||||
</h2>
|
</h2>
|
||||||
{/* NOTE: comment in this code when you get to this point in the course */}
|
{/* NOTE: Uncomment this code in Chapter 7 */}
|
||||||
|
|
||||||
{/* <div className="rounded-xl bg-gray-50 p-4">
|
{/* <div className="rounded-xl bg-gray-50 p-4">
|
||||||
<div className="sm:grid-cols-13 mt-0 grid grid-cols-12 items-end gap-2 rounded-md bg-white p-4 md:gap-4">
|
<div className="sm:grid-cols-13 mt-0 grid grid-cols-12 items-end gap-2 rounded-md bg-white p-4 md:gap-4">
|
||||||
|
|||||||
@@ -6,13 +6,13 @@ import Link from 'next/link';
|
|||||||
import { generatePagination } from '@/app/lib/utils';
|
import { generatePagination } from '@/app/lib/utils';
|
||||||
|
|
||||||
export default function Pagination({ totalPages }: { totalPages: number }) {
|
export default function Pagination({ totalPages }: { totalPages: number }) {
|
||||||
// NOTE: comment in this code when you get to this point in the course
|
// NOTE: Uncomment this code in Chapter 7
|
||||||
|
|
||||||
// const allPages = generatePagination(currentPage, totalPages);
|
// const allPages = generatePagination(currentPage, totalPages);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* NOTE: comment in this code when you get to this point in the course */}
|
{/* NOTE: Uncomment this code in Chapter 7 */}
|
||||||
|
|
||||||
{/* <div className="inline-flex">
|
{/* <div className="inline-flex">
|
||||||
<PaginationArrow
|
<PaginationArrow
|
||||||
|
|||||||
Reference in New Issue
Block a user