work

components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "src/styles/globals.css",
+    "css": "@styles/globals.css",
     "baseColor": "slate",
     "cssVariables": true,
     "prefix": ""
@@ -13,7 +13,7 @@
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
-    "ui": "@/components/ui",
+    "ui": "@components/ui",
     "lib": "@/lib",
     "hooks": "@/hooks"
   },

package-lock.json

@@ -25,7 +25,7 @@
         "@radix-ui/react-slot": "^1.1.0",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
-        "dotenv": "^16.4.5",
+        "dotenv": "^16.4.7",
         "drizzle-orm": "^0.36.4",
         "fontsource-roboto": "^4.0.0",
         "framer-motion": "^11.11.17",
@@ -5325,9 +5325,10 @@
       }
     },
     "node_modules/dotenv": {
-      "version": "16.4.5",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
-      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "version": "16.4.7",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=12"
       },

package.json

@@ -26,7 +26,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "dotenv": "^16.4.5",
+    "dotenv": "^16.4.7",
     "drizzle-orm": "^0.36.4",
     "fontsource-roboto": "^4.0.0",
     "framer-motion": "^11.11.17",

src/app/Brands/layout.tsx

@@ -1,6 +1,6 @@
 export const metadata = {
-  title: 'Next.js',
-  description: 'Generated by Next.js',
+  title: 'Ballistic Bu8ilder',
+  description: 'Generated by Forward Group, LLC',
 }
 
 export default function RootLayout({

src/app/Builder/layout.tsx

@@ -1,6 +1,6 @@
 export const metadata = {
-  title: 'Next.js',
-  description: 'Generated by Next.js',
+  title: 'Ballistic Builder',
+  description: 'Generated by Forward Group, LLC',
 }
 
 export default function RootLayout({

src/app/Products/lowers/page.tsx

@@ -1,17 +1,18 @@
 import { Button } from "@components/ui/button";
 import { getPSA } from "@/db/queries/PSA";
-
+import { psa } from '@/db/schema/Psa';
+import  styles  from '../styles.module.css'
 export default async function LowerReceiverPage() {
   const psa = await getPSA();
 
   return (
     <div className="container mx-auto">
-      <table className="table-auto border-separate border-spacing-2 border border-slate-500">
+      <table className={"table-auto border-separate border-spacing-4 border border-slate-500"}>
         <thead>
-          <tr>
+          <tr className={styles.tr}>
             <th>Component</th>
             <th>Manufacturer</th>
-            <th>Color</th>
+            <th>Model #</th>
             <th>Price</th>
           </tr>
         </thead>
@@ -21,8 +22,8 @@ export default async function LowerReceiverPage() {
               <td>
                 {psa.category}
               </td>
-              <td>manufacturer</td>
-              <td>color</td>
+              <td>{psa.brandName}</td>
+              <td>{psa.modelnumber}</td>
               <td className="flex items-center gap-2">
                 ${Number(psa.salePrice).toFixed(2)}
                 <Button variant="outline">Buy</Button>

src/app/Products/styles.module.css

@@ -0,0 +1,9 @@
+.table {
+  border-collapse: collapse;
+}
+
+.tr {
+    text-align: left;
+    font-weight: bold;
+    background-color: cadetblue;
+  }

src/db/schema/Account.ts

@@ -1,4 +1,4 @@
-import { pgTable, integer, varchar,uuid } from "drizzle-orm/pg-core";
+import { pgTable, integer, varchar, uuid } from "drizzle-orm/pg-core";
 import { sql } from "drizzle-orm";
 import { timestamps } from "./helpers/columns.helpers";
 

src/pages/register.tsx

@@ -1,5 +1,5 @@
 // pages/register.js
-import UserRegistration from '../components/UserRegistration';
+import UserRegistration from '@components/UserRegistration';
 
 export default function Register() {
   return (

tsconfig.json

@@ -46,6 +46,9 @@
         "@lib/*",
         "./src/lib/*"
       ],
+      "@styles/*": [
+        "./src/styles/*"
+      ],
       "scss/*": [
         "./src/scss/*"
       ],