committing wiht errors wbut better than before, moved some stuff more moving coming,

src/actions/brandActions.ts

@@ -2,7 +2,7 @@
 import { eq, not , asc} from "drizzle-orm";
 import { revalidatePath } from "next/cache";
 import { db } from "../db";
-import { brand } from "../db/schema/Brand";
+import { brand } from "@db/schema/Brand";
 export const getData = async () => {
   const data = await db.select().from(brand).orderBy(asc(brand.name));
   return data;

src/actions/componentTypeActions.ts

@@ -0,0 +1,10 @@
+"use server";
+import { eq, not , asc} from "drizzle-orm";
+import { revalidatePath } from "next/cache";
+import { db } from "../db";
+import { ComponentType } from "@db/schema/ComponentTypes";
+export const getData = async () => {
+  const data = await db.select().from(ComponentType).orderBy(asc(ComponentType.name));
+  return data;
+};
+

src/actions/manufacturerActions.ts

@@ -2,7 +2,7 @@
 import { eq, not , asc} from "drizzle-orm";
 import { revalidatePath } from "next/cache";
 import { db } from "../db";
-import { manufacturer } from "@/db/schema/Manufacturer";
+import { manufacturer } from "@db/schema/Manufacturer";
 export const getData = async () => {
   const data = await db.select().from(manufacturer).orderBy(asc(manufacturer.name));
   return data;

src/app/Accounts/page.tsx

@@ -1,6 +1,5 @@
-import { Account } from "@/db/schema/Account";
+import { Account } from "@db/schema/Account";
 import { getData } from "../../actions/accountActions";
-import Brands from "../../components/Brand/BrandsList";
 
 export default async function AccountsPage() {
   const data = await getData();

src/app/page.tsx

@@ -1,7 +1,7 @@
-import About from "../components/About";
-import Contact from "../components/Contact";
+import About from "../components/site/About";
+import Contact from "../components/site/Contact";
 import FeaturesSection from "../components/FeaturesSection";
-import Footer from "../components/Footer ";
+import Footer from "../components/site/Footer ";
 import Header from "../components/Header";
 import Hero from "../components/Hero";
 

src/components/ComponentType/ComponentTypeList.tsx

@@ -0,0 +1,57 @@
+"use client";
+import { FC, useState } from "react";
+import { componentTypeType } from "src/types/componentTypeType";
+import { componentType } from './componentType'
+// import AddBrand from "./addBrand";
+import { getData } from "../../actions/componentTypeActions";
+
+interface Props {
+  componentType: componentType[];
+}
+
+const ComponentTypeList: FC<Props> = ({ componentType }) => {
+  // State to manage the list of brand items
+  const [brandItems, setBrandItems] = useState<brandType[]>(brands);
+  
+  // Function to create a new brand item
+  const createBrand = (name: string) => {
+    const id = (brandItems.at(-1)?.id || 0) + 1;
+    addBrand(name);
+    setBrandItems((prev) => [...prev, { id: id, name: name }]);
+  };
+
+  // Function to change the text of a brand item
+  const changeBrandName = (id: number, name: string) => {
+    setBrandItems((prev) =>
+      prev.map((brand) => (brand.id === id ? { ...brand, name } : brand))
+    );
+    editBrand(id, name);
+  };
+ 
+  // Function to delete a brand item
+  const deleteBrandItem = (id: number) => {
+    setBrandItems((prev) => prev.filter((brand) => brand.id !== id));
+    deleteBrand(id);
+  };
+
+  // Rendering the brand List component
+  return (
+    <main className="flex mx-auto max-w-xl w-full min-h-screen flex-col items-center p-16">
+      <div className="text-5xl text-gray-800 font-medium">Ballistic Builder Brand</div>
+      <div className="w-full flex flex-col mt-8 gap-2">
+        {/* Mapping through brand items and rendering brand component for each */}
+        {brandItems.map((brand) => (
+          <Brand
+            key={brand.id}
+            brand={brand}
+            changeBrandName={changeBrandName}
+            deleteBrand={deleteBrand}
+          />
+        ))}
+      </div>
+      {/* Adding brand component for creating new brand */}
+      <AddBrand createBrand={createBrand} />
+    </main>
+  );
+};
+export default ComponentTypeList;

src/components/ComponentType/componentType.tsx

@@ -0,0 +1,99 @@
+"use client";
+import { ChangeEvent, FC, useState } from "react";
+import { componentTypeType } from "src/types/componentTypeType";
+
+interface Props {
+  componentType: componentTypeType;
+  changeComponentTypeName: (id: number, name: string) => void;
+
+  deleteComponentType: (id: number) => void;
+}
+
+export const componentType: FC<Props> = ({
+  componentType,
+  changeComponentTypeName,
+  deleteComponentType,
+}) => {
+  // State for handling editing mode
+  const [editing, setEditing] = useState(false);
+
+  // State for handling text input
+  const [name, setName] = useState(  componentType.name);
+
+  // Event handler for text input change
+  const handleNameChange = (e: ChangeEvent<HTMLInputElement>) => {
+    setName(e.target.value);
+  };
+
+ // Event handler for initiating the edit mode
+  const handleEdit = () => {
+    setEditing(true);
+  };
+
+  // Event handler for saving the edited text
+  const handleSave = async () => {
+    changeComponentTypeName(componentType.id, name);
+    setEditing(false);
+  };
+
+  // Event handler for canceling the edit mode
+  const handleCancel = () => {
+    setEditing(false);
+    setName(componentType.name);
+  };
+  // Event handler for deleting a componentType item
+  const handleDelete = () => {
+    if (confirm("Are you sure you want to delete this brand?")) {
+      deleteComponentType(componentType.id);
+    }
+  };
+  // Rendering the Brands component
+  return (
+    <div className="flex items-center gap-2 p-4 border-gray-200 border-solid border rounded-lg">
+      {/* Checkbox for marking the componentType as done */}
+    
+      {/* Input field for brand text */}
+      <input
+        type="text"
+        value={name}
+        onChange={handleNameChange}
+        readOnly={!editing}
+        className="outline-none read-only:border-transparent focus:border border-gray-200 rounded px-2 py-1 w-full"
+      />
+      {/* Action buttons for editing, saving, canceling, and deleting */}
+      <div className="flex gap-1 ml-auto">
+        {editing ? (
+          <button
+            onClick={handleSave}
+            className="bg-green-600 text-green-50 rounded px-2 w-14 py-1"
+          >
+            Save
+          </button>
+        ) : (
+          <button
+            onClick={handleEdit}
+            className="bg-blue-400 text-blue-50 rounded w-14 px-2 py-1"
+          >
+            Edit
+          </button>
+        )}
+        {editing ? (
+          <button
+            onClick={handleCancel}
+            className="bg-red-400 w-16 text-red-50 rounded px-2 py-1"
+          >
+            Close
+          </button>
+        ) : (
+          <button
+            onClick={handleDelete}
+            className="bg-red-400 w-16 text-red-50 rounded px-2 py-1"
+          >
+            Delete
+          </button>
+        )}
+      </div>
+    </div>
+  );
+};
+export default componentType;

src/components/DropList/statesDroplist.tsx

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import FormControl from '@mui/material/FormControl';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+
+export default function BasicSelect() {
+  const [abbrev, setAbbrev] = React.useState('');
+
+  const handleChange = (event: SelectChangeEvent) => {
+    setAbbrev(event.target.value as string);
+  };
+
+  return (
+    <Box sx={{ minWidth: 120 }}>
+      <FormControl fullWidth>
+        <InputLabel id="demo-simple-select-label">State</InputLabel>
+        <Select
+          labelId="demo-simple-select-label"
+          id="demo-simple-select"
+          value={abbrev}
+          label="State"
+          onChange={handleChange}
+        >
+          <MenuItem value={"AL"}>Alabama</MenuItem>
+          <MenuItem value={"AK"}>Alaska</MenuItem>
+          <MenuItem value={"AZ"}>Arizona</MenuItem>
+          <MenuItem value={"AR"}>Arkansas</MenuItem>
+          <MenuItem value={"CA"}>California</MenuItem>
+          <MenuItem value={"CO"}>Colorado</MenuItem>
+          <MenuItem value={"CT"}>Connecticut</MenuItem>
+          <MenuItem value={"DE"}>Delaware</MenuItem>
+          <MenuItem value={"DC"}>District of Columbia</MenuItem>
+          <MenuItem value={"FL"}>Florida</MenuItem>
+          <MenuItem value={"GA"}>Georgia</MenuItem>
+          <MenuItem value={"HI"}>Hawaii</MenuItem>
+          <MenuItem value={"ID"}>Idaho</MenuItem>
+          <MenuItem value={"IL"}>Illinois</MenuItem>
+          <MenuItem value={"IN"}>Indiana</MenuItem>
+          <MenuItem value={"IA"}>Iowa</MenuItem>
+          <MenuItem value={"KS"}>Kansas</MenuItem>
+          <MenuItem value={"KY"}>Kentucky</MenuItem>
+          <MenuItem value={"LA"}>Louisiana</MenuItem>
+          <MenuItem value={"ME"}>Maine</MenuItem>
+          <MenuItem value={"MT"}>Montana</MenuItem>
+          <MenuItem value={"NE"}>Nebraska</MenuItem>
+          <MenuItem value={"NV"}>Nevada</MenuItem>
+          <MenuItem value={"NH"}>New Hampshire</MenuItem>
+          <MenuItem value={"NJ"}>New Jersey</MenuItem>
+          <MenuItem value={"NM"}>New Mexico</MenuItem>
+          <MenuItem value={"NY"}>New York</MenuItem>
+          <MenuItem value={"NC"}>North Carolina</MenuItem>
+          <MenuItem value={"ND"}>North Dakota</MenuItem>
+          <MenuItem value={"OH"}>Ohio</MenuItem>
+          <MenuItem value={"OK"}>Oklahoma</MenuItem>
+          <MenuItem value={"OR"}>Oregon</MenuItem>
+          <MenuItem value={"MD"}>Maryland</MenuItem>
+          <MenuItem value={"MA"}>Massachusetts</MenuItem>
+          <MenuItem value={"MI"}>Michigan</MenuItem>
+          <MenuItem value={"MN"}>Minnesota</MenuItem>
+          <MenuItem value={"MS"}>Mississippi</MenuItem>
+          <MenuItem value={"MO"}>Missouri</MenuItem>
+          <MenuItem value={"PA"}>Pennsylvania</MenuItem>
+          <MenuItem value={"RI"}>Rhode Island</MenuItem>
+          <MenuItem value={"SC"}>South Carolina</MenuItem>
+          <MenuItem value={"SD"}>South Dakota</MenuItem>
+          <MenuItem value={"TN"}>Tennessee</MenuItem>
+          <MenuItem value={"TX"}>Texas</MenuItem>
+          <MenuItem value={"UT"}>Utah</MenuItem>
+          <MenuItem value={"VT"}>Vermont</MenuItem>
+          <MenuItem value={"VA"}>Virginia</MenuItem>
+          <MenuItem value={"WA"}>Washington</MenuItem>
+          <MenuItem value={"WV"}>West Virginia</MenuItem>
+          <MenuItem value={"WI"}>Wisconsin</MenuItem>
+          <MenuItem value={"WY"}>Wyoming</MenuItem>
+        </Select>
+      </FormControl>
+    </Box>
+  );
+}

src/components/HomeContent/index.tsx

@@ -2,9 +2,9 @@ import Link from "next/link";
 import Header from "../Header";
 import Hero from "../Hero";
 import FeaturesSection from "../FeaturesSection";
-import About from "../About";
-import Contact from "../Contact";
-import Footer from "../Footer ";
+import About from "../site/About";
+import Contact from "../site/Contact";
+import Footer from "../site/Footer ";
 
 export default function HomeContent() {
 

src/db/index.ts

@@ -3,11 +3,12 @@ import { drizzle } from 'drizzle-orm/node-postgres';
 import { Pool } from 'pg';
 import { sql } from 'drizzle-orm';
 
+
 // db/index.ts
 
 const pool = new Pool({
   connectionString: process.env.DATABASE_URL,
 });
 
-export const db = drizzle(pool);
+export const db = drizzle(pool, {logger : true});
 

src/db/schema/States.ts

@@ -0,0 +1,7 @@
+import { integer, varchar, pgTable } from "drizzle-orm/pg-core";
+
+export const states = pgTable("states", {
+	id: integer().primaryKey().generatedByDefaultAsIdentity({ name: "states_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	state: varchar({ length: 50 }),
+	abbreviation: varchar({ length: 50 }),
+});

src/drizzle/relations.ts

@@ -0,0 +1,3 @@
+import { relations } from "drizzle-orm/relations";
+import {  } from "./schema";
+

src/drizzle/schema.ts

@@ -0,0 +1,203 @@
+import { pgTable, integer, varchar, timestamp, text, numeric, unique, doublePrecision } from "drizzle-orm/pg-core"
+import { sql } from "drizzle-orm"
+
+
+
+export const productFeeds = pgTable("product_feeds", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "productfeeds_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	resellerId: integer("reseller_id").notNull(),
+	feedUrl: varchar("feed_url", { length: 255 }).notNull(),
+	lastUpdate: timestamp("last_update", { mode: 'string' }),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const products = pgTable("products", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "products_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	name: varchar({ length: 255 }).notNull(),
+	description: text().notNull(),
+	price: numeric().notNull(),
+	resellerId: integer("reseller_id").notNull(),
+	categoryId: integer("category_id").notNull(),
+	stockQty: integer("stock_qty").default(0),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const categories = pgTable("categories", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "categories_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	name: varchar({ length: 100 }).notNull(),
+	parentCategoryId: integer("parent_category_id"),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const brands = pgTable("brands", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "brands_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	name: varchar({ length: 100 }).notNull(),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const manufacturer = pgTable("manufacturer", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "manufacturer_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	name: varchar({ length: 100 }).notNull(),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const baseTable = pgTable("base_table", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "base_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const componentType = pgTable("component_type", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "component_type_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	name: varchar({ length: 100 }).notNull(),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const states = pgTable("states", {
+	id: integer().primaryKey().generatedByDefaultAsIdentity({ name: "states_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	state: varchar({ length: 50 }),
+	abbreviation: varchar({ length: 50 }),
+});
+
+export const balAccounts = pgTable("bal_accounts", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "accountsid_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	firstName: varchar("first_name", { length: 40 }),
+	lastName: varchar("last_name", { length: 40 }),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+	email: varchar({ length: 100 }),
+	username: varchar({ length: 50 }).notNull(),
+	passwordHash: varchar("password_hash", { length: 255 }).notNull(),
+}, (table) => {
+	return {
+		balAccountsUsernameUnique: unique("bal_accounts_username_unique").on(table.username),
+		balAccountsPasswordHashUnique: unique("bal_accounts_password_hash_unique").on(table.passwordHash),
+	}
+});
+
+export const builds = pgTable("builds", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "build_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	accountId: integer("account_id").notNull(),
+	name: varchar({ length: 255 }).notNull(),
+	description: text(),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const buildsComponents = pgTable("builds_components", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "build_components_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	buildId: integer("build_id").notNull(),
+	productId: integer("product_id").notNull(),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const lipseycatalog = pgTable("lipseycatalog", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "lipseycatalog_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	itemno: varchar({ length: 20 }).notNull(),
+	description1: text(),
+	description2: text(),
+	upc: varchar({ length: 20 }),
+	manufacturermodelno: varchar({ length: 30 }),
+	msrp: doublePrecision(),
+	model: text(),
+	calibergauge: text(),
+	manufacturer: text(),
+	type: text(),
+	action: text(),
+	barrellength: text(),
+	capacity: text(),
+	finish: text(),
+	overalllength: text(),
+	receiver: text(),
+	safety: text(),
+	sights: text(),
+	stockframegrips: text(),
+	magazine: text(),
+	weight: text(),
+	imagename: text(),
+	chamber: text(),
+	drilledandtapped: text(),
+	rateoftwist: text(),
+	itemtype: text(),
+	additionalfeature1: text(),
+	additionalfeature2: text(),
+	additionalfeature3: text(),
+	shippingweight: text(),
+	boundbookmanufacturer: text(),
+	boundbookmodel: text(),
+	boundbooktype: text(),
+	nfathreadpattern: text(),
+	nfaattachmentmethod: text(),
+	nfabaffletype: text(),
+	silencercanbedisassembled: text(),
+	silencerconstructionmaterial: text(),
+	nfadbreduction: text(),
+	silenceroutsidediameter: text(),
+	nfaform3Caliber: text(),
+	opticmagnification: text(),
+	maintubesize: text(),
+	adjustableobjective: text(),
+	objectivesize: text(),
+	opticadjustments: text(),
+	illuminatedreticle: text(),
+	reticle: text(),
+	exclusive: text(),
+	quantity: varchar({ length: 10 }).default(sql`NULL`),
+	allocated: text(),
+	onsale: text(),
+	price: doublePrecision(),
+	currentprice: doublePrecision(),
+	retailmap: doublePrecision(),
+	fflrequired: text(),
+	sotrequired: text(),
+	exclusivetype: text(),
+	scopecoverincluded: text(),
+	special: text(),
+	sightstype: text(),
+	case: text(),
+	choke: text(),
+	dbreduction: text(),
+	family: text(),
+	finishtype: text(),
+	frame: text(),
+	griptype: varchar({ length: 30 }),
+	handgunslidematerial: text(),
+	countryoforigin: varchar({ length: 4 }),
+	itemlength: text(),
+	itemwidth: text(),
+	itemheight: text(),
+	packagelength: doublePrecision(),
+	packagewidth: doublePrecision(),
+	packageheight: doublePrecision(),
+	itemgroup: varchar({ length: 40 }),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});
+
+export const balResellers = pgTable("bal_resellers", {
+	id: integer().primaryKey().generatedAlwaysAsIdentity({ name: "resellers_id_seq", startWith: 1, increment: 1, minValue: 1, maxValue: 2147483647, cache: 1 }),
+	name: varchar({ length: 100 }).notNull(),
+	websiteUrl: varchar("website_url", { length: 255 }),
+	contactEmail: varchar("contact_email", { length: 100 }),
+	updatedAt: timestamp("updated_at", { mode: 'string' }).defaultNow().notNull(),
+	createdAt: timestamp("created_at", { mode: 'string' }).defaultNow().notNull(),
+	deletedAt: timestamp("deleted_at", { mode: 'string' }),
+});

src/types/componentTypeType.ts

@@ -0,0 +1,5 @@
+//field is named componentType
+export type componentTypeType = {
+    id: number;
+    name: string;    
+  };