From b1e2b385066d9fc4202e3fb55f9edf4d5b9a4df2 Mon Sep 17 00:00:00 2001
From: Don Strawsburg <don@goforward.group>
Date: Sun, 18 Jan 2026 21:53:35 -0500
Subject: [PATCH] fixes to get this to build using 'npm run build'

---
 app/(app)/privacy/page.tsx                 | 12 ++++----
 app/(app)/vault/[uuid]/edit/page.tsx       |  5 ++--
 app/admin/products/_components/BulkBar.tsx | 34 ++++++++++++----------
 components/parts/PartsListPageClient.tsx   | 13 +++++++--
 frontend/Dockerfile                        | 22 ++++++++++++++
 5 files changed, 59 insertions(+), 27 deletions(-)
 create mode 100644 frontend/Dockerfile

diff --git a/app/(app)/privacy/page.tsx b/app/(app)/privacy/page.tsx
index 6f393cf..a077e00 100644
--- a/app/(app)/privacy/page.tsx
+++ b/app/(app)/privacy/page.tsx
@@ -22,11 +22,11 @@ export default function PrivacyPolicy() {
                 <section>
                     <h2 className="mb-4 text-xl font-semibold">1. Introduction</h2>
                     <p>
-                        Battl Builder ("we," "us," "our," or "Company") respects your privacy
+                        Battl Builder (&quot;we,&quot; &quot;us,&quot; &quot;our,&quot; or &quot;Company&quot;) respects your privacy
                         and is committed to protecting it through this Privacy Policy. This
                         policy explains our practices regarding the collection, use, and
                         protection of your personal information when you access our website
-                        and use our services (the "Service").
+                        and use our services (the &quot;Service&quot;).
                     </p>
                     <p className="mt-4">
                         Please read this Privacy Policy carefully. If you do not agree with
@@ -331,7 +331,7 @@ export default function PrivacyPolicy() {
 
                 {/* 10. Children's Privacy */}
                 <section>
-                    <h2 className="mb-4 text-xl font-semibold">10. Children's Privacy</h2>
+                    <h2 className="mb-4 text-xl font-semibold">10. Children&apos;s Privacy</h2>
                     <p>
                         The Service is not intended for users under 18 years of age. We do not
                         knowingly collect personal information from children under 18.
@@ -339,7 +339,7 @@ export default function PrivacyPolicy() {
                     <p className="mt-4">
                         If we become aware that we have collected information from a child
                         under 18, we will delete such information immediately and terminate the
-                        child's account.
+                        child&apos;s account.
                     </p>
                     <p className="mt-4">
                         If you believe we have collected information from a child under 18,
@@ -392,7 +392,7 @@ export default function PrivacyPolicy() {
                     </p>
                     <p className="mt-4">
                         We will notify you of material changes by posting the updated policy
-                        here and updating the "Last Updated" date. Your continued use of the
+                        here and updating the &quot;Last Updated&quot; date. Your continued use of the
                         Service following the posting of changes constitutes your acceptance
                         of the updated Privacy Policy.
                     </p>
@@ -415,7 +415,7 @@ export default function PrivacyPolicy() {
                         <p>
                             <strong>Mailing Address:</strong>
                             <br />
-                            Battl Builder, Inc.
+                            Battl Builder, LLC.
                             <br />
                             [Your Address]
                             <br />
diff --git a/app/(app)/vault/[uuid]/edit/page.tsx b/app/(app)/vault/[uuid]/edit/page.tsx
index 57904c2..6c0f36e 100644
--- a/app/(app)/vault/[uuid]/edit/page.tsx
+++ b/app/(app)/vault/[uuid]/edit/page.tsx
@@ -5,6 +5,7 @@ import Link from "next/link";
 import { useParams, useRouter } from "next/navigation";
 import { useAuth } from "@/context/AuthContext";
 import { useApi } from "@/lib/api";
+import Image from "next/image";
 
 type BuildDto = {
   uuid: string;
@@ -556,7 +557,7 @@ export default function VaultBuildEditPage() {
                     ✕
                   </button>
 
-                  <img
+                  <Image
                     src={p.url}
                     alt="Pending upload"
                     className="h-32 w-full object-cover"
@@ -573,7 +574,7 @@ export default function VaultBuildEditPage() {
                   key={p.uuid}
                   className="overflow-hidden rounded-lg border border-white/10 bg-black/20"
                 >
-                  <img
+                  <Image
                     src={p.url}
                     alt={p.caption ?? "Build photo"}
                     className="h-32 w-full object-cover"
diff --git a/app/admin/products/_components/BulkBar.tsx b/app/admin/products/_components/BulkBar.tsx
index 19c5c79..08a77dd 100644
--- a/app/admin/products/_components/BulkBar.tsx
+++ b/app/admin/products/_components/BulkBar.tsx
@@ -123,24 +123,26 @@ export function BulkBar(props: {
     runBulk(patch);
   };
 
-  const footer = useMemo(() => {
+  let footer: JSX.Element;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  footer = useMemo(() => {
     return (
-      <div className="flex items-center justify-between gap-2">
-        <div className="text-sm text-white/60">
-          Selected: <span className="font-semibold text-white">{selectedCount}</span>
-        </div>
+        <div className="flex items-center justify-between gap-2">
+          <div className="text-sm text-white/60">
+            Selected: <span className="font-semibold text-white">{selectedCount}</span>
+          </div>
 
-        <button
-          className="rounded-md bg-emerald-600 px-3 py-2 text-sm font-semibold hover:bg-emerald-500 disabled:opacity-50"
-          disabled={disabled}
-          onClick={() => {
-            applyFieldChanges();
-            setOpen(false);
-          }}
-        >
-          Apply changes
-        </button>
-      </div>
+          <button
+              className="rounded-md bg-emerald-600 px-3 py-2 text-sm font-semibold hover:bg-emerald-500 disabled:opacity-50"
+              disabled={disabled}
+              onClick={() => {
+                applyFieldChanges();
+                setOpen(false);
+              }}
+          >
+            Apply changes
+          </button>
+        </div>
     );
   }, [applyFieldChanges, disabled, selectedCount]);
 
diff --git a/components/parts/PartsListPageClient.tsx b/components/parts/PartsListPageClient.tsx
index ae5678d..0df6d22 100644
--- a/components/parts/PartsListPageClient.tsx
+++ b/components/parts/PartsListPageClient.tsx
@@ -3,6 +3,7 @@
 import { useEffect, useMemo, useState } from "react";
 import Link from "next/link";
 import PlatformSwitcher from "./PlatformSwitcher";
+import Image from "next/image";
 
 const API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL ?? "http://localhost:8080";
 
@@ -138,10 +139,16 @@ export default function PartsListPageClient(props: {
                     className="group rounded-lg border border-zinc-800 bg-black/30 p-3 hover:border-zinc-700"
                   >
                     <div className="flex gap-3">
-                      <div className="h-16 w-16 overflow-hidden rounded-md border border-zinc-800 bg-zinc-950">
+                      <div className="relative h-16 w-16 overflow-hidden rounded-md border border-zinc-800 bg-zinc-950">
                         {/* eslint-disable-next-line @next/next/no-img-element */}
                         {p.imageUrl ? (
-                          <img src={p.imageUrl} alt={p.name} className="h-full w-full object-cover" />
+                          <Image
+                            src={p.imageUrl}
+                            alt={p.name}
+                            fill
+                            sizes="64px"
+                            className="object-cover"
+                          />
                         ) : (
                           <div className="h-full w-full grid place-items-center text-xs text-zinc-600">
                             —
@@ -175,4 +182,4 @@ export default function PartsListPageClient(props: {
       </div>
     </main>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
new file mode 100644
index 0000000..d03598a
--- /dev/null
+++ b/frontend/Dockerfile
@@ -0,0 +1,22 @@
+# Stage 1: Build the static assets
+FROM node:20-alpine as builder
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install
+COPY . .
+# Run the Next.js build command
+RUN npm run build
+
+# Stage 2: Run the production application (Next.js server)
+FROM node:20-alpine
+WORKDIR /app
+# Copy only the necessary files for running the app
+COPY --from=builder /app/.next ./.next
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/package.json ./package.json
+COPY --from=builder /app/public ./public
+# Set environment variables
+ENV NODE_ENV production
+EXPOSE 3000
+# Run the Next.js production server
+CMD ["npm", "start"]
\ No newline at end of file