Forward/ballistic-builder
3
0
Fork 0
mirror of https://gitea.gofwd.group/dstrawsb/ballistic-builder.git synced 2025-12-06 02:36:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

fixng some changes

Browse Source
This commit is contained in:
Sean S
2024-12-12 09:38:54 -05:00
parent 500f7a42fc
commit 67cba8ca10
6 changed files with 430 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/Armory/page.tsx Normal file
View File

@@ -0,0 +1,55 @@
import { NextPage } from "next";
export default function ArmoryPage() {
return (
<div className="p-4 pt-16 mx-auto max-w-screen-md">
<h1 className="text-2xl font-bold mb-4 text-gray-600">AR-15 Builder</h1>
<p className="text-gray-600 mb-6">
Select components to build your custom AR-15.
</p>
<div className="bg-white rounded-lg shadow-md p-6 overflow-x-auto text-gray-600">
<table className="min-w-full table-auto">
<thead>
<tr className="bg-gray-50 border-b">
<th className="px-4 py-2 text-left">Component</th>
<th className="px-4 py-2 text-left">Selection</th>
<th className="px-4 py-2 text-left">Caliber</th>
<th className="px-4 py-2 text-left">Price</th>
<th className="px-4 py-2 text-left">Shipping</th>
<th className="px-4 py-2 text-left">Where</th>
</tr>
</thead>
<tbody>
{[
"Lower Receiver",
"Upper Receiver",
"Barrel",
"Handguard",
"Bolt Carrier Group",
"Charging Handle",
"Buffer Tube",
"Stock",
"Grip",
"Trigger",
"Magazine"
].map((component) => (
<tr key={component} className="border-b hover:bg-gray-50">
<td className="px-4 py-2">{component}</td>
<td className="px-4 py-2">
<button className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
Choose a Part
</button>
</td>
<td className="px-4 py-2">-</td>
<td className="px-4 py-2">-</td>
<td className="px-4 py-2">-</td>
<td className="px-4 py-2">-</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
);
}

16
src/app/Builder/layout.tsx
View File

@@ -1,16 +0,0 @@
export const metadata = {
title: 'Ballistic Builder',
description: 'Generated by Forward Group, LLC',
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en">
<body>{children}</body>
</html>
)
}

6
src/app/Products/lowers/page.tsx
View File

@@ -7,8 +7,8 @@ export default async function LowerReceiverPage() {
const psa = await getLowerBuildKits();
return (
<div className="container mx-auto">
<table className={"table-auto border-separate border-spacing-4 border border-slate-500"}>
<div className="container mx-auto py-5">
<table className={"table-auto border-separate border-spacing-4 border border-slate-500 text-gray-900"}>
<thead>
<tr className={styles.tr}>
<th>Component</th>
@@ -25,7 +25,7 @@ export default async function LowerReceiverPage() {
<td>{psa.modelnumber}</td>
<td className="flex items-center gap-2">
${Number(psa.salePrice).toFixed(2)}
<Button variant="outline">Buy</Button>
<Button variant="default">Buy</Button>
</td>
</tr>
))}

4
src/app/layout.tsx
View File

@@ -1,8 +1,7 @@
import { Provider } from "../components/ui/provider"
import "../styles/globals.css";
import Navbar from "../components/Navbar";
import PopNav from "@src/components/PopNav/page";
export const metadata = {
title: 'Ballistic Builder',
description: 'Freedom On',
@@ -16,6 +15,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
<body className="bg-slate-200 ">
<Provider>
<Navbar />
<PopNav />
{children}</Provider>
</body>
</html>