\n
\n \n \n \n setAddressProp('postalCode', ev.target.value)}\n />\n
\n \n \n setAddressProp('city', ev.target.value)}\n />\n
\n \n No image\n
\n )}\n \n \n );\n}"
},
{
"path": "src/components/layout/Header.js",
"content": "'use client';\nimport {CartContext} from \"@/components/AppContext\";\nimport Bars2 from \"@/components/icons/Bars2\";\nimport ShoppingCart from \"@/components/icons/ShoppingCart\";\nimport {signOut, useSession} from \"next-auth/react\";\nimport Link from \"next/link\";\nimport {useContext, useState} from \"react\";\n\nfunction AuthLinks({status, userName}) {\n if (status === 'authenticated') {\n return (\n <>\n \n Hello, {userName}\n \n \n \n ST PIZZA\n \n
\n {mobileNavOpen && (\n \n \n setMobileNavOpen(prev => !prev)}>\n
\n \n \n \n
\n \n \n Everything
\n
\n \n Everything
\n is better
\n with a \n \n Pizza\n \n
\n \n Pizza is the missing piece that makes every day complete, a simple yet delicious joy in life\n
\n\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {bestSellers?.length > 0 && bestSellers.map(item => (\n \n ))}\n
\n \n {children}\n
\n );\n}"
},
{
"path": "src/components/layout/MenuItemForm.js",
"content": "import Plus from \"@/components/icons/Plus\";\nimport Trash from \"@/components/icons/Trash\";\nimport EditableImage from \"@/components/layout/EditableImage\";\nimport MenuItemPriceProps from \"@/components/layout/MenuItemPriceProps\";\nimport {useEffect, useState} from \"react\";\n\nexport default function MenuItemForm({onSubmit,menuItem}) {\n const [image, setImage] = useState(menuItem?.image || '');\n const [name, setName] = useState(menuItem?.name || '');\n const [description, setDescription] = useState(menuItem?.description || '');\n const [basePrice, setBasePrice] = useState(menuItem?.basePrice || '');\n const [sizes, setSizes] = useState(menuItem?.sizes || []);\n const [category, setCategory] = useState(menuItem?.category || '');\n const [categories, setCategories] = useState([]);\n const [\n extraIngredientPrices,\n setExtraIngredientPrices,\n ] = useState(menuItem?.extraIngredientPrices || []);\n\n useEffect(() => {\n fetch('/api/categories').then(res => {\n res.json().then(categories => {\n setCategories(categories);\n });\n });\n }, []);\n\n return (\n \n
\n \n \n setName(ev.target.value)}\n />\n \n setDescription(ev.target.value)}\n />\n \n \n \n setBasePrice(ev.target.value)}\n />\n \n \n
\n \n \n );\n}"
},
{
"path": "src/components/layout/MenuItemPriceProps.js",
"content": "import ChevronDown from \"@/components/icons/ChevronDown\";\nimport ChevronUp from \"@/components/icons/ChevronUp\";\nimport Plus from \"@/components/icons/Plus\";\nimport Trash from \"@/components/icons/Trash\";\nimport {useState} from \"react\";\n\nexport default function MenuItemPriceProps({name,addLabel,props,setProps}) {\n\n const [isOpen, setIsOpen] = useState(false);\n\n function addProp() {\n setProps(oldProps => {\n return [...oldProps, {name:'', price:0}];\n });\n }\n\n function editProp(ev, index, prop) {\n const newValue = ev.target.value;\n setProps(prevSizes => {\n const newSizes = [...prevSizes];\n newSizes[index][prop] = newValue;\n return newSizes;\n });\n }\n\n function removeProp(indexToRemove) {\n setProps(prev => prev.filter((v,index) => index !== indexToRemove));\n }\n\n return (\n \n setIsOpen(prev => !prev)}\n className=\"inline-flex p-1 border-0 justify-start\"\n type=\"button\">\n {isOpen && (\n
\n );\n}"
},
{
"path": "src/components/layout/SectionHeaders.js",
"content": "export default function SectionHeaders({subHeader,mainHeader}) {\n return (\n <>\n \n {props?.length > 0 && props.map((size,index) => (\n \n
\n \n
\n ))}\n \n \n editProp(ev, index, 'name')}\n />\n
\n \n \n editProp(ev, index, 'price')}\n />\n
\n \n \n
\n \n {subHeader}\n
\n\n {mainHeader}\n
\n \n );\n}" }, { "path": "src/components/layout/SuccessBox.js", "content": "export default function SuccessBox({children}) {\n return (\n\n {children}\n
\n );\n}"
},
{
"path": "src/components/layout/UserForm.js",
"content": "'use client';\nimport AddressInputs from \"@/components/layout/AddressInputs\";\nimport EditableImage from \"@/components/layout/EditableImage\";\nimport {useProfile} from \"@/components/UseProfile\";\nimport {useState} from \"react\";\n\nexport default function UserForm({user,onSave}) {\n const [userName, setUserName] = useState(user?.name || '');\n const [image, setImage] = useState(user?.image || '');\n const [phone, setPhone] = useState(user?.phone || '');\n const [streetAddress, setStreetAddress] = useState(user?.streetAddress || '');\n const [postalCode, setPostalCode] = useState(user?.postalCode || '');\n const [city, setCity] = useState(user?.city || '');\n const [country, setCountry] = useState(user?.country || '');\n const [admin, setAdmin] = useState(user?.admin || false);\n const {data:loggedInUserData} = useProfile();\n\n function handleAddressChange(propName, value) {\n if (propName === 'phone') setPhone(value);\n if (propName === 'streetAddress') setStreetAddress(value);\n if (propName === 'postalCode') setPostalCode(value);\n if (propName === 'city') setCity(value);\n if (propName === 'country') setCountry(value);\n }\n\n return (\n \n \n onSave(ev, {\n name:userName, image, phone, admin,\n streetAddress, city, country, postalCode,\n })\n }\n >\n \n setUserName(ev.target.value)}\n />\n \n
\n );\n}"
},
{
"path": "src/components/layout/UserTabs.js",
"content": "'use client';\nimport Link from \"next/link\";\nimport {usePathname} from \"next/navigation\";\n\nexport default function UserTabs({isAdmin}) {\n const path = usePathname();\n return (\n \n
\n \n
\n \n \n
\n )}\n \n \n \n \n Profile\n \n {isAdmin && (\n <>\n \n Categories\n \n \n Menu Items\n \n \n Users\n \n \n )}\n \n Orders\n \n
\n );\n}"
},
{
"path": "src/components/menu/AddToCartButton.js",
"content": "import FlyingButton from 'react-flying-item'\n\nexport default function AddToCartButton({\n hasSizesOrExtras, onClick, basePrice, image\n}) {\n if (!hasSizesOrExtras) {\n return (\n \n \n
\n );\n }\n return (\n \n Add to cart ${basePrice}\n
\n \n \n
\n );\n}"
},
{
"path": "src/components/menu/MenuItem.js",
"content": "import {CartContext} from \"@/components/AppContext\";\nimport MenuItemTile from \"@/components/menu/MenuItemTile\";\nimport Image from \"next/image\";\nimport {useContext, useState} from \"react\";\nimport FlyingButton from \"react-flying-item\";\nimport toast from \"react-hot-toast\";\n\nexport default function MenuItem(menuItem) {\n const {\n image,name,description,basePrice,\n sizes, extraIngredientPrices,\n } = menuItem;\n const [\n selectedSize, setSelectedSize\n ] = useState(sizes?.[0] || null);\n const [selectedExtras, setSelectedExtras] = useState([]);\n const [showPopup, setShowPopup] = useState(false);\n const {addToCart} = useContext(CartContext);\n\n async function handleAddToCartButtonClick() {\n console.log('add to cart');\n const hasOptions = sizes.length > 0 || extraIngredientPrices.length > 0;\n if (hasOptions && !showPopup) {\n setShowPopup(true);\n return;\n }\n addToCart(menuItem, selectedSize, selectedExtras);\n await new Promise(resolve => setTimeout(resolve, 1000));\n console.log('hiding popup');\n setShowPopup(false);\n }\n function handleExtraThingClick(ev, extraThing) {\n const checked = ev.target.checked;\n if (checked) {\n setSelectedExtras(prev => [...prev, extraThing]);\n } else {\n setSelectedExtras(prev => {\n return prev.filter(e => e.name !== extraThing.name);\n });\n }\n }\n\n let selectedPrice = basePrice;\n if (selectedSize) {\n selectedPrice += selectedSize.price;\n }\n if (selectedExtras?.length > 0) {\n for (const extra of selectedExtras) {\n selectedPrice += extra.price;\n }\n }\n\n return (\n <>\n {showPopup && (\n \n
\n \n
\n \n {product.name}\n
\n {product.size && (\n\n Size: {product.size.name}\n
\n )}\n {product.extras?.length > 0 && (\n \n {product.extras.map(extra => (\n
\n )}\n {extra.name} ${extra.price}
\n ))}\n \n ${cartProductPrice(product)}\n
\n {!!onRemove && (\n \n onRemove(index)}\n className=\"p-2\">\n
\n )}\n {name}
\n\n {description}\n
\n {sizes?.length > 0 && (\n\n \n setSelectedSize(size)}\n checked={selectedSize?.name === size.name}\n name=\"size\"/>\n {size.name} ${basePrice + size.price}\n \n ))}\n
\n )}\n {extraIngredientPrices?.length > 0 && (\n Pick your size
\n {sizes.map(size => (\n\n \n handleExtraThingClick(ev, extraThing)}\n checked={selectedExtras.map(e => e._id).includes(extraThing._id)}\n name={extraThing.name} />\n {extraThing.name} +${extraThing.price}\n \n ))}\n
\n )}\n Any extras?
\n {extraIngredientPrices.map(extraThing => (\n\n Add to cart ${selectedPrice}\n
\n \n \n
\n );\n}"
},
{
"path": "src/libs/datetime.js",
"content": "export function dbTimeForHuman(str) {\n\n return str.replace('T', ' ').substring(0, 16);\n}"
},
{
"path": "src/libs/mongoConnect.js",
"content": "// This approach is taken from https://github.com/vercel/next.js/tree/canary/examples/with-mongodb\nimport { MongoClient } from \"mongodb\"\n\nif (!process.env.MONGO_URL) {\n throw new Error('Invalid/Missing environment variable: \"MONGODB_URI\"')\n}\n\nconst uri = process.env.MONGO_URL\nconst options = {}\n\nlet client\nlet clientPromise;\n\nif (process.env.NODE_ENV === \"development\") {\n // In development mode, use a global variable so that the value\n // is preserved across module reloads caused by HMR (Hot Module Replacement).\n if (!global._mongoClientPromise) {\n client = new MongoClient(uri, options)\n global._mongoClientPromise = client.connect()\n }\n clientPromise = global._mongoClientPromise\n} else {\n // In production mode, it's best to not use a global variable.\n client = new MongoClient(uri, options)\n clientPromise = client.connect()\n}\n\n// Export a module-scoped MongoClient promise. By doing this in a\n// separate module, the client can be shared across functions.\nexport default clientPromise"
},
{
"path": "src/models/Category.js",
"content": "import {model, models, Schema} from \"mongoose\";\n\nconst CategorySchema = new Schema({\n name: {type:String, required:true},\n}, {timestamps: true});\n\nexport const Category = models?.Category || model('Category', CategorySchema);"
},
{
"path": "src/models/MenuItem.js",
"content": "import mongoose, {model, models, Schema} from \"mongoose\";\n\nconst ExtraPriceSchema = new Schema({\n name: String,\n price: Number,\n});\n\nconst MenuItemSchema = new Schema({\n image: {type: String},\n name: {type: String},\n description: {type: String},\n category: {type: mongoose.Types.ObjectId},\n basePrice: {type: Number},\n sizes: {type:[ExtraPriceSchema]},\n extraIngredientPrices: {type:[ExtraPriceSchema]},\n}, {timestamps: true});\n\nexport const MenuItem = models?.MenuItem || model('MenuItem', MenuItemSchema);"
},
{
"path": "src/models/Order.js",
"content": "import {model, models, Schema} from \"mongoose\";\n\nconst OrderSchema = new Schema({\n userEmail: String,\n phone: String,\n streetAddress: String,\n postalCode: String,\n city: String,\n country: String,\n cartProducts: Object,\n paid: {type: Boolean, default: false},\n}, {timestamps: true});\n\nexport const Order = models?.Order || model('Order', OrderSchema);"
},
{
"path": "src/models/User.js",
"content": "import {model, models, Schema} from \"mongoose\";\n\nconst UserSchema = new Schema({\n name: {type: String},\n email: {type: String, required: true, unique: true},\n password: {type: String},\n image: {type: String},\n}, {timestamps: true});\n\nexport const User = models?.User || model('User', UserSchema);"
},
{
"path": "src/models/UserInfo.js",
"content": "import {model, models, Schema} from \"mongoose\";\n\nconst UserInfoSchema = new Schema({\n email: {type: String, required: true},\n streetAddress: {type: String},\n postalCode: {type: String},\n city: {type: String},\n country: {type: String},\n phone: {type: String},\n admin: {type: Boolean, default: false},\n}, {timestamps: true});\n\nexport const UserInfo = models?.UserInfo || model('UserInfo', UserInfoSchema);"
},
{
"path": "tailwind.config.js",
"content": "/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n content: [\n './src/pages/**/*.{js,ts,jsx,tsx,mdx}',\n './src/components/**/*.{js,ts,jsx,tsx,mdx}',\n './src/app/**/*.{js,ts,jsx,tsx,mdx}',\n ],\n theme: {\n extend: {\n colors: {\n primary: '#f13a01',\n },\n },\n },\n plugins: [],\n}\n"
},
{
"path": "tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"esnext\"\n ],\n \"paths\": {\n \"@/*\": [\"./src/*\"]\n },\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": false,\n \"noEmit\": true,\n \"incremental\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ],\n \"forceConsistentCasingInFileNames\": true\n },\n \"include\": [\n \"next-env.d.ts\",\n \".next/types/**/*.ts\",\n \"**/*.ts\",\n \"**/*.tsx\"\n ],\n \"exclude\": [\n \"node_modules\"\n ]\n}\n"
}
]\n 
\n
\n {name}
\n\n {description}\n
\n