完成资源的增加和查询

tone-page-web/app/console/(with-menu)/web/blog/components/BlogTable.tsx

@@ -0,0 +1,48 @@
+import {
+    Table,
+    TableBody,
+    TableCaption,
+    TableCell,
+    TableFooter,
+    TableHead,
+    TableHeader,
+    TableRow,
+} from "@/components/ui/table"
+
+interface BlogTableProps {
+    blogs: {
+       
+    }[]
+}
+
+export default function BlogTable({ blogs }: BlogTableProps) {
+    return (
+        <Table>
+            <TableCaption>A list of your recent invoices.</TableCaption>
+            <TableHeader>
+                <TableRow>
+                    <TableHead className="w-[100px]">Invoice</TableHead>
+                    <TableHead>Status</TableHead>
+                    <TableHead>Method</TableHead>
+                    <TableHead className="text-right">Amount</TableHead>
+                </TableRow>
+            </TableHeader>
+            <TableBody>
+                {/* {invoices.map((invoice) => (
+                    <TableRow key={invoice.invoice}>
+                        <TableCell className="font-medium">{invoice.invoice}</TableCell>
+                        <TableCell>{invoice.paymentStatus}</TableCell>
+                        <TableCell>{invoice.paymentMethod}</TableCell>
+                        <TableCell className="text-right">{invoice.totalAmount}</TableCell>
+                    </TableRow>
+                ))} */}
+            </TableBody>
+            <TableFooter>
+                <TableRow>
+                    <TableCell colSpan={3}>Total</TableCell>
+                    <TableCell className="text-right">$2,500.00</TableCell>
+                </TableRow>
+            </TableFooter>
+        </Table>
+    )
+}

tone-page-web/app/console/(with-menu)/web/blog/page.tsx

@@ -1,7 +1,7 @@
 export default function Page() {
     return (
         <>
-            Blog
+            
         </>
     )
 }