Added prettier

.eslintrc.json

@@ -1,6 +1,3 @@
 {
-  "extends": [
-    "next/core-web-vitals",
-    "next/typescript"
-  ]
+  "extends": ["next/core-web-vitals", "next/typescript"]
 }

.prettierignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage

.prettierrc

@@ -0,0 +1,5 @@
+{
+    "plugins": ["prettier-plugin-tailwindcss"],
+    "tailwindConfig": "./tailwind.config.ts"
+
+}

README.md

@@ -1 +1 @@
-## Next.js Busbuzzer 
+## Next.js Busbuzzer

app/dashboard/(overview)/loading.tsx

@@ -1,5 +1,5 @@
-import DashboardSkeleton from '@/app/ui/skeletons';
- 
+import DashboardSkeleton from "@/app/ui/skeletons";
+
 export default function Loading() {
   return <DashboardSkeleton />;
 }

app/dashboard/(overview)/page.tsx

@@ -1,12 +1,15 @@
-import CardWrapper from '@/app/ui/dashboard/cards';
-import RevenueChart from '@/app/ui/dashboard/revenue-chart';
-import LatestInvoices from '@/app/ui/dashboard/latest-invoices';
-import { afacad } from '@/app/ui/fonts';
-import { Suspense } from 'react';
-import { RevenueChartSkeleton, LatestInvoicesSkeleton, CardsSkeleton } from '@/app/ui/skeletons';
+import CardWrapper from "@/app/ui/dashboard/cards";
+import RevenueChart from "@/app/ui/dashboard/revenue-chart";
+import LatestInvoices from "@/app/ui/dashboard/latest-invoices";
+import { afacad } from "@/app/ui/fonts";
+import { Suspense } from "react";
+import {
+  RevenueChartSkeleton,
+  LatestInvoicesSkeleton,
+  CardsSkeleton,
+} from "@/app/ui/skeletons";
 
 export default async function Page() {
-
   return (
     <main>
       <h1 className={`${afacad.className} mb-4 text-xl md:text-2xl`}>

app/dashboard/drivers/page.tsx

@@ -1,20 +1,21 @@
 // import { fetchInvoicesPages } from '@/app/lib/data';
-import Pagination from '@/app/ui/invoices/pagination';
-import Search from '@/app/ui/search';
+import Pagination from "@/app/ui/invoices/pagination";
+import Search from "@/app/ui/search";
 // import Table from '@/app/ui/invoices/table';
-import { CreateDriver } from '@/app/ui/invoices/buttons';
-import { afacad } from '@/app/ui/fonts';
+import { CreateDriver } from "@/app/ui/invoices/buttons";
+import { afacad } from "@/app/ui/fonts";
 // import {  } from '@/app/ui/skeletons';
-import { Suspense } from 'react';
+import { Suspense } from "react";
 
-export default async function Page({searchParams}: {
+export default async function Page({
+  searchParams,
+}: {
   searchParams?: {
     query?: string;
     page?: string;
   };
 }) {
-
-  const query = searchParams?.query || '';
+  const query = searchParams?.query || "";
   const currentPage = Number(searchParams?.page) || 1;
   // const totalPages = await fetchInvoicesPages(query);
 
@@ -27,7 +28,7 @@ export default async function Page({searchParams}: {
         <Search placeholder="Search drivers..." />
         <CreateDriver />
       </div>
-       {/* <Suspense key={query + currentPage} fallback={<InvoicesTableSkeleton />}>
+      {/* <Suspense key={query + currentPage} fallback={<InvoicesTableSkeleton />}>
         <Table query={query} currentPage={currentPage} />
       </Suspense> */}
       <div className="mt-5 flex w-full justify-center">

app/dashboard/invoices/[id]/edit/not-found.tsx

@@ -1,6 +1,6 @@
-import Link from 'next/link';
-import { FaceFrownIcon } from '@heroicons/react/24/outline';
- 
+import Link from "next/link";
+import { FaceFrownIcon } from "@heroicons/react/24/outline";
+
 export default function NotFound() {
   return (
     <main className="flex h-full flex-col items-center justify-center gap-2">

app/dashboard/invoices/[id]/edit/page.tsx

@@ -1,33 +1,32 @@
-import Form from '@/app/ui/invoices/edit-form';
-import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
-import { fetchCustomers, fetchInvoiceById } from '@/app/lib/data';
-import { notFound } from 'next/navigation';
-
+import Form from "@/app/ui/invoices/edit-form";
+import Breadcrumbs from "@/app/ui/invoices/breadcrumbs";
+import { fetchCustomers, fetchInvoiceById } from "@/app/lib/data";
+import { notFound } from "next/navigation";
 
 export default async function Page({ params }: { params: { id: string } }) {
-    const id = params.id;
-    const [invoice, customers] = await Promise.all([
-        fetchInvoiceById(id),
-        fetchCustomers(),
-    ]);
-    console.log(invoice)
-    if (!invoice) {
-        notFound();
-    }
-    return (
-        <main>
-            <Breadcrumbs
-                breadcrumbs={[
-                    { label: 'Invoices', href: '/dashboard/invoices' },
-                    {
-                        label: 'Edit Invoice',
-                        href: `/dashboard/invoices/${id}/edit`,
-                        active: true,
-                    },
-                ]}
-            />
-            {/* <Form /> */}
-            <Form invoice={invoice} customers={customers} />
-        </main>
-    );
+  const id = params.id;
+  const [invoice, customers] = await Promise.all([
+    fetchInvoiceById(id),
+    fetchCustomers(),
+  ]);
+  console.log(invoice);
+  if (!invoice) {
+    notFound();
+  }
+  return (
+    <main>
+      <Breadcrumbs
+        breadcrumbs={[
+          { label: "Invoices", href: "/dashboard/invoices" },
+          {
+            label: "Edit Invoice",
+            href: `/dashboard/invoices/${id}/edit`,
+            active: true,
+          },
+        ]}
+      />
+      {/* <Form /> */}
+      <Form invoice={invoice} customers={customers} />
+    </main>
+  );
 }

app/dashboard/invoices/create/page.tsx

@@ -1,18 +1,18 @@
-import Form from '@/app/ui/invoices/create-form';
-import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
-import { fetchCustomers } from '@/app/lib/data';
- 
+import Form from "@/app/ui/invoices/create-form";
+import Breadcrumbs from "@/app/ui/invoices/breadcrumbs";
+import { fetchCustomers } from "@/app/lib/data";
+
 export default async function Page() {
   const customers = await fetchCustomers();
- 
+
   return (
     <main>
       <Breadcrumbs
         breadcrumbs={[
-          { label: 'Invoices', href: '/dashboard/invoices' },
+          { label: "Invoices", href: "/dashboard/invoices" },
           {
-            label: 'Create Invoice',
-            href: '/dashboard/invoices/create',
+            label: "Create Invoice",
+            href: "/dashboard/invoices/create",
             active: true,
           },
         ]}

app/dashboard/invoices/error.tsx

@@ -1,7 +1,7 @@
-'use client';
- 
-import { useEffect } from 'react';
- 
+"use client";
+
+import { useEffect } from "react";
+
 export default function Error({
   error,
   reset,
@@ -13,7 +13,7 @@ export default function Error({
     // Optionally log the error to an error reporting service
     console.error(error);
   }, [error]);
- 
+
   return (
     <main className="flex h-full flex-col items-center justify-center">
       <h2 className="text-center">Something went wrong!</h2>

app/dashboard/invoices/page.tsx

@@ -1,20 +1,21 @@
-import { fetchInvoicesPages } from '@/app/lib/data';
-import Pagination from '@/app/ui/invoices/pagination';
-import Search from '@/app/ui/search';
-import Table from '@/app/ui/invoices/table';
-import { CreateInvoice } from '@/app/ui/invoices/buttons';
-import { afacad } from '@/app/ui/fonts';
-import { InvoicesTableSkeleton } from '@/app/ui/skeletons';
-import { Suspense } from 'react';
+import { fetchInvoicesPages } from "@/app/lib/data";
+import Pagination from "@/app/ui/invoices/pagination";
+import Search from "@/app/ui/search";
+import Table from "@/app/ui/invoices/table";
+import { CreateInvoice } from "@/app/ui/invoices/buttons";
+import { afacad } from "@/app/ui/fonts";
+import { InvoicesTableSkeleton } from "@/app/ui/skeletons";
+import { Suspense } from "react";
 
-export default async function Page({searchParams}: {
+export default async function Page({
+  searchParams,
+}: {
   searchParams?: {
     query?: string;
     page?: string;
   };
 }) {
-
-  const query = searchParams?.query || '';
+  const query = searchParams?.query || "";
   const currentPage = Number(searchParams?.page) || 1;
   const totalPages = await fetchInvoicesPages(query);
 
@@ -27,7 +28,7 @@ export default async function Page({searchParams}: {
         <Search placeholder="Search invoices..." />
         <CreateInvoice />
       </div>
-       <Suspense key={query + currentPage} fallback={<InvoicesTableSkeleton />}>
+      <Suspense key={query + currentPage} fallback={<InvoicesTableSkeleton />}>
         <Table query={query} currentPage={currentPage} />
       </Suspense>
       <div className="mt-5 flex w-full justify-center">

app/dashboard/layout.tsx

@@ -1,4 +1,4 @@
-import SideNav from '@/app/ui/dashboard/sidenav';
+import SideNav from "@/app/ui/dashboard/sidenav";
 export const experimental_ppr = true;
 
 export default function Layout({ children }: { children: React.ReactNode }) {

app/dashboard/school-routes/page.tsx

@@ -1,14 +1,11 @@
-import { afacad } from '@/app/ui/fonts';
-
-
+import { afacad } from "@/app/ui/fonts";
 
 export default function Page() {
-
-    return (
-        <div className="w-full">
+  return (
+    <div className="w-full">
       <div className="flex w-full items-center justify-between">
         <h1 className={`${afacad.className} text-2xl`}>School Routes</h1>
       </div>
-      </div>
-    )
-  }
+    </div>
+  );
+}

app/layout.tsx

@@ -1,5 +1,5 @@
-import '@/app/ui/global.css';
-import { inter } from '@/app/ui/fonts';
+import "@/app/ui/global.css";
+import { inter } from "@/app/ui/fonts";
 
 export default function RootLayout({
   children,