Deploy pizza

Dockerfile

@@ -0,0 +1,13 @@
+FROM node:lts-bookworm
+
+WORKDIR /app
+COPY package.json ./
+COPY yarn.lock ./
+
+RUN yarn install --prod
+
+COPY . ./
+
+# RUN yarn build,
+
+CMD ["yarn", "dev"]

docker-compose.yml

@@ -5,5 +5,4 @@ services:
   mongo:
     image: mongo:4.4
     ports:
-      - "127.0.0.1:27017:27017"
-
+      - "127.0.0.1:27017:27017"

src/app/calculator/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { ObjectId } from "mongodb";
 import "./page.css";
-import { redirect } from "next/navigation";
+// import { redirect } from "next/navigation";
 import UserVer from "@/components/UserVer";
 
 import NavBar from "../../components/Header";
@@ -14,7 +14,7 @@ type userProps = {
   auth: boolean;
 };
 
-export default function stats() {
+export default function Stats() {
   const [selectedUsers, setSelectedUsers] = useState<userProps[]>([]);
 
   const addUserToList = async (e: any) => {
@@ -37,7 +37,7 @@ export default function stats() {
       setSelectedUsers([
         ...selectedUsers,
         {
-          id: "-1",
+          id: new ObjectId(-1),
           userName: userName,
           auth: false,
         },

src/app/page.tsx

@@ -1,12 +1,13 @@
 'use client';
 
-import "./page.css"
+import "./Page.css"
 import { redirect } from 'next/navigation'
 
 import NavBar from '../components/Header'
 import Modal from "../components/Modal"
 
 import { useEffect, useState } from 'react';
+import { PizzaType } from "./types";
 
 export default function Home() {
 
@@ -25,7 +26,7 @@ export default function Home() {
     SelectedPizzaId("-1")
   }
 
-  const [pizzas, setPizzas] = useState([])
+  const [pizzas, setPizzas] = useState<PizzaType[]>([])
   useEffect( () => {
     const fetchPizzas = async () => {
       const response = await fetch("http://localhost:3000/api/pizza")