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

table styling, other stuff

Browse Source
This commit is contained in:
Sean S
2024-12-14 07:33:36 -05:00
parent 8896229fac
commit a1060ec9e5
7 changed files with 179 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/Products/grips/page.tsx
View File

@@ -2,16 +2,15 @@ import { getGrips } from "@queries/PSA";
import partTypes from 'src/data/parts_cats.json';
import styles from '../styles.module.css';
import PageHero from "@src/components/PageHero";
import ProductTable from "@src/components/ProductTable";
import SortTable from "@src/components/SortTable";
export default async function GripsPage() {
const data = await getGrips();
return (
<div>
<PageHero title="AR Grips" />
<div className="container mx-auto">
<ProductTable data={data}></ProductTable>
<SortTable data={data}></SortTable>
</div>
</div>
);

40
src/app/Products/layout.tsx Normal file
View File

@@ -0,0 +1,40 @@
import Footer from "@src/components/footer";
import Navbar from "@src/components/Navbar";
import PopNav from "@src/components/PopNav/page";
import PageHero from "@src/components/PageHero";
export const metadata = {
title: "Ballistic Builder",
description: "Built by Forward Group, LLC",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<div className="flex min-h-full flex-col">
<Navbar />
<PopNav />
<PageHero title="Category" />
<div className="mx-auto flex w-full max-w-7xl items-start gap-x-8 ">
<aside className="sticky top-8 hidden w-44 shrink-0 lg:block pt-4">
{/* Left column area */}
<h1>Filters go here</h1>
</aside>
<main className="flex-1">
{children}
</main>
</div>
</div>
</body>
</html>
);
}

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

@@ -4,16 +4,15 @@ import { psa } from "@db/schema/Psa";
import styles from "../styles.module.css";
import PageHero from "@components/PageHero";
import Link from "next/link";
import ProductTable from "@src/components/ProductTable";
import SortTable from "@src/components/SortTable";
export default async function LowerReceiverPage() {
const data = await getProductType(partTypes["AR COMPLETE LOWERS"]);
return (
<div>
<PageHero title="Lowers"/>
<div className="container mx-auto py-5">
<ProductTable data={data}></ProductTable>
<SortTable data={data}></SortTable>
</div>
</div>
);

2
src/app/layout.tsx
View File

@@ -3,6 +3,7 @@ import Navbar from "../components/Navbar";
import PopNav from "@src/components/PopNav/page";
import { Roboto } from 'next/font/google'
import constants from "@src/lib/constants";
import Footer from "@src/components/footer";
export const metadata = {
title: constants.APP_NAME,
@@ -26,6 +27,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
<Navbar />
<PopNav />
{children}
<Footer />
</body>
</html>
)