refactor: remove table captions from all tables 🔧

app/(dashboard)/devices/device-table-skeleton.tsx

@@ -2,7 +2,6 @@ import { Skeleton } from "@/components/ui/skeleton";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -16,7 +15,6 @@ export default function DevicesTableSkeleton() {
     <>
       <div className="hidden sm:block">
         <Table className="overflow-scroll">
-					<TableCaption>Table of all devices.</TableCaption>
           <TableHeader>
             <TableRow>
               <TableHead>Device Name</TableHead>

components/admin/admin-devices-table.tsx

@@ -6,7 +6,6 @@ import { authOptions } from "@/app/auth";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -64,7 +63,6 @@ export async function AdminDevicesTable({
         <>
           <div>
             <Table className="overflow-scroll">
-							<TableCaption>Table of all devices.</TableCaption>
               <TableHeader>
                 <TableRow>
                   <TableHead>Device Name</TableHead>

components/admin/admin-topup-table.tsx

@@ -4,7 +4,6 @@ import { getTopups } from "@/actions/payment";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -56,7 +55,6 @@ export async function AdminTopupsTable({
         <>
           <div>
             <Table className="overflow-scroll">
-							<TableCaption>Table of all topups.</TableCaption>
               <TableHeader>
                 <TableRow>
                   <TableHead>User</TableHead>

components/admin/user-payments-table.tsx

@@ -7,7 +7,6 @@ import { Button } from "@/components/ui/button";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -60,7 +59,6 @@ export async function UsersPaymentsTable({
       ) : (
         <>
           <Table className="overflow-scroll">
-						<TableCaption>Table of all users.</TableCaption>
             <TableHeader>
               <TableRow>
                 <TableHead>Devices paid</TableHead>

components/devices-table.tsx

@@ -4,7 +4,6 @@ import { authOptions } from "@/app/auth";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -71,7 +70,6 @@ export async function DevicesTable({
         <>
           <div className="hidden sm:block">
             <Table className="overflow-scroll">
-							<TableCaption>Table of all devices.</TableCaption>
               <TableHeader>
                 <TableRow>
                   <TableHead>Device Name</TableHead>

components/payments-table.tsx

@@ -5,7 +5,6 @@ import { getPayments } from "@/actions/payment";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -59,7 +58,6 @@ export async function PaymentsTable({
         <>
           <div className="hidden sm:block">
             <Table className="overflow-scroll">
-							<TableCaption>Table of all devices.</TableCaption>
               <TableHeader>
                 <TableRow>
                   <TableHead>Details</TableHead>

components/topups-table.tsx

@@ -5,7 +5,6 @@ import { getTopups } from "@/actions/payment";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -59,7 +58,6 @@ export async function TopupsTable({
         <>
           <div className="hidden sm:block">
             <Table className="overflow-scroll">
-							<TableCaption>Table of all topups.</TableCaption>
               <TableHeader>
                 <TableRow>
                   <TableHead>Details</TableHead>

components/user-table.tsx

@@ -1,18 +1,3 @@
-// import {
-// 	Table,
-// 	TableBody,
-// 	TableCaption,
-// 	TableCell,
-// 	TableFooter,
-// 	TableHead,
-// 	TableHeader,
-// 	TableRow,
-// } from "@/components/ui/table";
-// import Link from "next/link";
-// import Pagination from "./pagination";
-// import { Badge } from "./ui/badge";
-// import { Button } from "./ui/button";
-
 import Link from "next/link";
 import { redirect } from "next/navigation";
 import { getUsers } from "@/queries/users";
@@ -24,7 +9,6 @@ import { Button } from "./ui/button";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -72,7 +56,6 @@ export async function UsersTable({
       ) : (
         <>
           <Table className="overflow-scroll">
-						<TableCaption>Table of all users.</TableCaption>
             <TableHeader>
               <TableRow>
                 <TableHead>Name</TableHead>

components/wallet-transactions-table.tsx

@@ -4,7 +4,6 @@ import { redirect } from "next/navigation";
 import {
   Table,
   TableBody,
-	TableCaption,
   TableCell,
   TableFooter,
   TableHead,
@@ -79,7 +78,6 @@ export async function WalletTransactionsTable({
           </div>
           <div className="hidden sm:block">
             <Table className="overflow-scroll">
-							<TableCaption>Table of all transactions.</TableCaption>
               <TableHeader>
                 <TableRow>
                   <TableHead>Description</TableHead>