Merge branch 'auth' of ssh://gitea.gofwd.group:2225/dstrawsb/ballistic-builder into auth

src/app/Guides/page.tsx

@@ -0,0 +1,10 @@
+import { ChevronDownIcon } from "@heroicons/react/20/solid";
+
+export default async function GuidesPage() {
+
+  return (
+    <div>
+      Guides page
+    </div>
+  )
+}

src/app/MyAccount/page.tsx

@@ -0,0 +1,15 @@
+import { Account } from "@db/schema/Account";
+import { getData } from "@actions/accountActions";
+
+export default async function MyAccountsPage() {
+  const data = await getData();
+  return (
+    <div className="bg-gray-100 min-h-screen flex flex-col">
+      <div>
+        My account Page
+        </div> 
+ {/*   <Account account={data} /> */} 
+    </div>
+  );
+}
+

src/app/Products/grips/page.tsx

@@ -9,6 +9,7 @@ export default async function GripsPage() {
 
   return (
     <div>
+      <PageHero title="Grips" />
       <div className="container mx-auto">
         <SortTable data={data}></SortTable>
       </div>

src/app/Products/layout.tsx

@@ -13,8 +13,8 @@ export default function RootLayout({
   return (
 
         <div className="flex min-h-full flex-col">
-
-          <PageHero title={metadata.title} />
+{/* 
+          <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 */}

src/app/Products/lowers/page.tsx

@@ -2,12 +2,14 @@ import { getProductType } from "@queries/PSA";
 import partTypes from 'src/data/parts_cats.json';
 import styles from "../styles.module.css";
 import SortTable from "@src/components/SortTable";
+import PageHero from "@src/components/PageHero";
 
 export default async function LowerReceiverPage() {
   const data = await getProductType(partTypes["AR COMPLETE LOWERS"]);
 
   return (
     <div>
+           <PageHero title="Lower Recievers" />
       <div className="container mx-auto py-5">
         <SortTable data={data}></SortTable>      
       </div>

src/app/Products/parts/page.tsx

@@ -1,13 +1,18 @@
 import { getARParts } from "@queries/PSA";
 import styles from '../styles.module.css';
 import SortTable from "@src/components/SortTable";
+import PageHero from "@src/components/PageHero";
 
 export default async function PartsPage() {
   const data = await getARParts();
 
   return (
+    <div>
+      <PageHero title="Parts" />
       <div className="container mx-auto">
         <SortTable data={data}></SortTable>
       </div>
+    </div>
+
   );
 }

src/app/Products/uppers/page.tsx

@@ -1,7 +1,7 @@
 import { getUpperReciever } from "@queries/PSA";
 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 UpperReceiverPage() {
   const data = await getUpperReciever();
@@ -10,7 +10,7 @@ export default async function UpperReceiverPage() {
     <div>
       <PageHero title="Upper Recievers" />
       <div className="container mx-auto">
-        <ProductTable data={data}></ProductTable>
+        <SortTable data={data}></SortTable>
       </div>
     </div>
   );

src/components/footer/index.tsx

@@ -1,15 +1,17 @@
+import Link from "next/link"
+
 const navigation = {
   armory: [
-      { name: 'Builder', href: '#' },
-      { name: 'Lowers', href: '#' },
-      { name: 'Uppers', href: '#' },
-      { name: 'Optics', href: '#' },
-      { name: 'Accessories', href: '#' },
+    { name: 'Builder', href: '/Builder' },
+    { name: 'Lowers', href: '/Products/lowers' },
+    { name: 'Uppers', href: '/Products/uppers' },
+    { name: 'Optics', href: '/Products/optics' },
+    { name: 'Accessories', href: '/Products/accessories#' },
   ],
   account: [
-      { name: 'My Account', href: '#' },
-      { name: 'Register', href: '#' },
-      { name: 'Guides', href: '#' },
+    { name: 'My Account', href: '/MyAccount' },
+    { name: 'Register', href: '/signin' },
+    { name: 'Guides', href: '/Guides' },
   ],
   about: [
     { name: 'About', href: '#' },
@@ -98,9 +100,10 @@ const navigation = {
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.account.map((item) => (
                     <li key={item.name}>
-                        <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                      <Link href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
                         {item.name}
-                        </a>
+                      </Link>
+
                     </li>
                   ))}
                 </ul>
@@ -179,4 +182,3 @@ const navigation = {
     </footer>
   )
 }
-