\n \n if your reading this, its too late \n
\n );\n\n const container =\n window !== undefined ? () => window().document.body : undefined;\n\n return (\n - \n {topList.map((item, index) => {\n const {text, icon, routeTo} = item;\n\n return (\n \n {\" \"}\n
- \n {menuList.map((item, index) => {\n const {text, icon, routeTo} = item;\n return (\n \n {\" \"}\n
\n \n \n \n \n \n {\" \"}\n China Delight {\" \"}\n \n \n\n {/* Shopping Cart Icon */}\n \n {\" \"}\n \n {\" \"}\n \n {\" \"}\n \n \n \n \n \n
\n );\n}\n\nexport default ResponsiveDrawer;\n","import React from \"react\";\nimport {Helmet} from \"react-helmet\";\nimport {Typography, Grid, Box} from \"@material-ui/core\";\nimport {NavigateNext as NavigateNextIcon} from \"@material-ui/icons\";\n\nimport MuiAlert from \"@material-ui/lab/Alert\";\nimport {AlertTitle} from \"@material-ui/lab\";\n\nfunction Alert(props) {\n return \n \n \n \n \n China Delight - Forest Hill, MD \n \n \n \n {/* HOME PAGE ALERT */}\n {/* \n \n \n Alert for Friday 6/24 \n \n Our phone lines are down for the day and will not be able to\n process credit cards in-person. Please pay in cash or by credit\n card online. Sorry for any inconveniences and thank you!\n \n */}\n \n 晚餐时间\n \n \n */}\n \n 你好!~ Welcome the new China Delight website!\n \n \n Disclaimer: The \n \n photos not exact replications of our dishes and are to serve as\n references.\n \n \n \n \n \n \n Menu \n \n \n Lunch \n \n Dinner \n \n \n \n Hours\n \n \n \n Monday - Saturdays\n \n \n 11 AM - 9:30 PM\n \n \n Sundays\n \n \n 12 - 8:30\n \n \n Tuesdays\n \n \n Closed\n \n \n \n \n \n \n Contact\n \n 📞 PHONE: 410-877-9490
\n 📩 EMAIL:\n \n chinadelightmd@gmail.com\n \n \n \n \n \n Directions\n \n 📍 1E Newport Dr, Forest Hill, MD 21050\n
\n On Rt. 24 (Rock Spring Road), right across Enotria \n \n \n \n \n \n
\n );\n}\n\nexport default Home;\n","const ingredients = [\n {\n name: \"Mixed Vegetables [Basic]\",\n des:\n \"Mushrooms, bamboo shoots, celery, baby corn, snow peas, water chestnut, cabbage, carrots, broccoli, buck choy. White sauce for Shrimp and Chicken dishes. Brown sauce for Beef and Pork dishes\",\n },\n {\n name: \"Moo Goo Gai Pan\",\n des:\n \"Bamboo shoots, buck choy, mushrooms, snow peas, green peppers. White sauce.\",\n },\n { name: \"🔥 Garlic Sauce\", des: \"[Basic] + green peppers. Brown sauce.\" },\n { name: \"🔥 Hunan\", des: \"[Basic] + green peppers and onions. Brown sauce.\" },\n {\n name: \"🔥 Szechuan\",\n des:\n \"Green peppers, onions, celery, carrot, baby corn, and snow peas. Brown sauce.\",\n },\n {\n name: \"🔥 Curry\",\n des:\n \"Onions, green pepper, snow peas, carrot, bamboo shoots, baby corn, water chestnuts, mushrooms, and celery. Curry sauce.\",\n },\n { name: \"Black Bean\", des: \"[Curry] + broccoli.\" },\n {\n name: \"Chow Mein\",\n des: \"Cabbage, bean sprouts, onions, celery. White sauce.\",\n },\n {\n name: \"Chop Suey\",\n des:\n \"[Chow Mein] + bamboo shoots, water chestnuts, carrot, snow pea, and mushrooms. White sauce.\",\n },\n {\n name: \"🔥 Kung Pao / Cashew\",\n des:\n \"Mushroom, celery, baby corn, water chestnuts, broccoli, green pepper. Brown sauce.\",\n },\n { name: \"Mu Shu\", des: \"Cabbage, mushrooms, and scallions.\" },\n { name: \"Lo Mein\", des: \"Bean spoutrs, cabbage, onions, and carrot.\" },\n {\n name: \"Rice Noodles\",\n des:\n \"Gluten-Free. Cabbage, carrots, celery, bean sprouts, snow peas, eggs. Stir fried and no sauce.\",\n },\n {\n name: \"Salt and Pepper\",\n des: \"Green peppers and onions. Stir fried and no sauce.\",\n },\n { name: \"Seafood Rice Noodles\", des: \"Shrimp, scallops, and lobster.\" },\n {\n name: \"Lobster Fried Rice/Lo Mein\",\n des: \"Baby lobster and imitation crab meat.\",\n },\n { name: \"Combination / 🔥 Szechuan\", des: \"Shrimp, Chicken, and Beef.\" },\n { name: \"Egg Drop Soup\", des: \"Egg and corn starch.\" },\n {\n name: \"Seafood Soup\",\n des:\n \"Chop Suey vegetables, corn starch (broth), white egg, clear sauce, imitation crab, shrimp, scallops, baby lobster. \",\n },\n];\n\nconst pricing = [\n {\n name: \"Extra Sauces? (sweet & sour, gravy)\",\n cost: \"$1 (1/2 pint) / $2 (pint)\",\n },\n { name: \"Extra Shrimp?\", cost: \"$0.50 for every extra piece\" },\n { name: \"Fried Rice (regular)\", cost: \"$1 / $1.50\" },\n { name: \"Fried Rice (w. meat)\", cost: \"$2.50 / $3.75 \" },\n { name: \"Lo Mein (regular)\", cost: \"$1 / $ 1.50\" },\n { name: \"Lo Mein (w. meat)\", cost: \"$2.50 / $3.75\" },\n];\n\nconst orderTimes = [\n {\n name: \"soups\",\n time:\n \"most soups like hot & sour, egg drop, & wonton broths are always ready\",\n },\n { name: \"appetizers\", time: \"frying them takes anywhere from 5-10 mins\" },\n { name: \"egg foo young\", time: \"these are very meticulous. ~10 minutes\" },\n\n { name: \"dumplings\", time: \"steamed ~ 10 mins / fried ~ 15 mins\" },\n { name: \"most stir fries\", time: \"5-10 mins\" },\n];\n\nexport { ingredients, pricing, orderTimes };\n","import React from \"react\";\n\nimport {withStyles, makeStyles} from \"@material-ui/core/styles\";\nimport {\n Typography,\n Box,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Paper,\n} from \"@material-ui/core\";\nimport {ExpandMore as ExpandMoreIcon} from \"@material-ui/icons\";\n\nimport {ingredients, pricing} from \"../Data/AboutData\";\n\nconst StyledTableCell = withStyles((theme) => ({\n head: {\n backgroundColor: theme.palette.common.black,\n color: theme.palette.common.white,\n },\n body: {\n fontSize: 14,\n },\n}))(TableCell);\n\nconst StyledTableRow = withStyles((theme) => ({\n root: {\n \"&:nth-of-type(odd)\": {\n backgroundColor: theme.palette.action.hover,\n },\n },\n}))(TableRow);\n\nconst useStyles = makeStyles({\n table: {\n minWidth: \"auto\",\n maxWidth: 700,\n },\n});\n\nfunction About() {\n const classes = useStyles();\n\n const ingredientTable = (\n \n \n \n \n Order\n \n \n \n \n Lunch\n \n \n \n \n Dinner\n \n \n \n
{\" \"\n \n 📩 EMAIL:\n \n chinadelightmd@gmail.com\n \n
\n On Rt. 24 (Rock Spring Road), right across Enotria \n
\n \n \n About\n \n \n {\" \"}\n Have more questions? Call us at 410-877-9490 or email us at{\" \"}\n \n {\" \"}\n chinadelightmd@gmail.com{\" \"}\n {\" \"}\n \n
\n\n\n FAQ: \n \n \n \n {\" \"}\n What are your Holiday Hours?{\" \"}\n \n \n {\" \"}\n We are open every day of the year{\" \"}\n EXCEPT: Tuesdays & Thanksgiving. Our Holidays\n hours are the same as our regular hours.{\" \"}\n {\" \"}\n
\n Do you deliver? \n \n {\" \"}\n Usually not. However, you can order delivery on{\" \"}\n \n {\" \"}\n DoorDash\n \n .{\" \"}\n {\" \"}\n
\n What oil do you use? \n \n {\" \"}\n Vegetable oil{\" \"}\n {\" \"}\n
\n\n {\" \"}\n Accounts? Favorites? Order History?{\" \"}\n \n \n {\" \"}\n We will try to work on this in future if time allows.{\" \"}\n {\" \"}\n
\n \n \n \n \n Pricing: \n \n {pricingTable} \n \n \n \n Order Times: \n \n {\" \"}\n \n \n {\" \"}\n When it is not very busy, orders can be finished with 10-15\n minutes. On busy nights like{\" \"}\n \n Thursdays, Fridays, Saturdays, and Holidays,{\" \"}\n {\" \"}\n orders can take much longer. ~30 min - 1 hour.\n
Major holidays such as Thanksgiving,\n Christmas week, and New Years can result in orders taking up to\n 1-2 hours. Thank you for your patience!{\" \"}\n \n {/* These times are only for reference. \n {orderTimesTable} {\" \"} */}\n \n \n \n \n Ingredients: \n \n \n \n 🔥 = spicy \n \n {ingredientTable} {\" \"}\n \n \n \n\n \n \n {\" \"}\n \n {\" \"}\n About the site{\" \"}\n \n \n {\" \"}\n This website was made with 💗 by WZ © {new Date().getFullYear()}{\" \"}\n \n \n {\" \"}\n Source code can be found at{\" \"}\n GitHub{\" \"}\n \n \n {\" \"}\n A MERN stack application{\" \"}\n \n \n {\" \"}\n \n \n \n
\n );\n}\n\nexport default About;\n","import axios from \"axios\";\n\n// prod: \"https://chinadelightmd.com\"\n// dev: \"http://localhost:4747\"\nconst api = axios.create({\n baseURL: \"https://chinadelightmd.com\",\n});\n\nexport default api;\n","import React from \"react\";\nimport {Email, Item} from \"react-html-email\";\n\n// import {\n// Button as ButtonIcon,\n// Delete as DeleteIcon,\n// ShoppingCart as ShoppingCartIcon,\n// } from \"@material-ui/icons\";\n// import {\n// IconButton,\n// Button,\n// Typography,\n// Box,\n// Table,\n// TableBody,\n// TableCell,\n// TableContainer,\n// TableHead,\n// TableRow,\n// Paper,\n// makeStyles,\n// } from \"@material-ui/core\";\n\n// const tableStyles = makeStyles((theme) => ({\n// table: {\n// width: \"100%\",\n// maxWidth: 805,\n// },\n// }));\n\nconst formatter = new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n});\n\nconst MyEmail = ({order}) => {\n // const { orderPaid } = useCartContext();\n\n // const tableClasses = tableStyles();\n\n // const [cartSubtotal, setCartSubtotal] = useState(0);\n // var subt1 = 0;\n // cart.forEach((item) => (subt1 = subt1 + item.cartUnitPrice * item.quantity));\n // var taxes = subt1 * 0.06;\n // var total = subt1 * 1.06;\n\n const name = order.name;\n const email = order.email;\n const phone = order.phone;\n const cart = order.cart;\n const orderRequests = order.orderReqs;\n const estimatedTime = order.estimatedTime;\n const paymentMethod = order.paymentMethod;\n const amountPaid = order.amountPaid;\n\n function getClockTime() {\n var now = new Date();\n var hour = now.getHours();\n var minute = now.getMinutes();\n var second = now.getSeconds();\n var ap = \"AM\";\n if (hour > 11) {\n ap = \"PM\";\n }\n if (hour > 12) {\n hour = hour - 12;\n }\n if (hour === 0) {\n hour = 12;\n }\n if (hour < 10) {\n hour = \"0\" + hour;\n }\n if (minute < 10) {\n minute = \"0\" + minute;\n }\n if (second < 10) {\n second = \"0\" + second;\n }\n var timeString = hour + \":\" + minute + \" \" + ap;\n return timeString;\n }\n const orderTime = getClockTime();\n\n const month = new Date().getMonth() + 1;\n const date = new Date().getDate();\n const year = new Date().getFullYear();\n const fullDate = `${month}/${date}/${year}`;\n\n var subtotal = 0;\n cart.forEach(\n (item) => (subtotal = subtotal + item.cartUnitPrice * item.quantity)\n );\n var taxes = subtotal * 0.06;\n var total = subtotal * 1.06;\n\n // convert pickUpTime to 12 hour format\n const pickUpTime = order.pickUpTime;\n const pickUpTimeArr = pickUpTime ? pickUpTime.split(\":\") : [\"00\", \"00\"];\n const pickUpHour = pickUpTimeArr[0];\n const pickUpMinute = pickUpTimeArr[1];\n const pickUpTime12Hour =\n Number(pickUpHour) > 12 ? Number(pickUpHour) - 12 : pickUpHour;\n const meridiem = Number(pickUpHour) >= 12 ? \"PM\" : \"AM\";\n const pickUpTime12HourStr = `${pickUpTime12Hour}:${pickUpMinute} ${meridiem}`;\n\n const pickUpDetails = (\n \n \n\n
\n
\n
\n
\n
Major holidays such as Thanksgiving,\n Christmas week, and New Years can result in orders taking up to\n 1-2 hours. Thank you for your patience!{\" \"}\n
\n
\n Pickup{\" \"}\n {order.pickUpOption === \"ASAP\"\n ? `ASAP around ${estimatedTime}`\n : \"Custom Pick-Up Time\"}{\" \"}\n {order.pickUpOption === \"custom time\" ? (\n ⏰ Pick up time: {pickUpTime12HourStr} \n ) : null}{\" \"}\n
\n \n );\n\n const paidOnline = (\n \n \n Customer Paid Online {formatter.format(amountPaid)} (includes 1.15 fee)\n ✅
\n {total - amountPaid === 0 || total - amountPaid < 0 ? null : (\n \n Amount Due \n {formatter.format(total - amountPaid)}\n \n )}\n
\n \n );\n\n const payInPerson = (\n \n \n 💵 Paying In Person\n
\n
\n \n );\n\n const filledCart = (\n \n {cart.map((item, index) => {\n const sizeToStr = () => {\n switch (item.options.sizeValue) {\n case \"Pint\":\n return \"Pt.\";\n case \"Quart\":\n return \"Qt.\";\n default:\n return \"\";\n }\n };\n const itemSize = sizeToStr();\n const itemOptions =\n itemSize +\n \" \" +\n Object.entries(item.options)\n .map(([key, value]) => {\n if (key === \"sizeValue\") {\n return \"\";\n }\n switch (value) {\n case \"Lunch\":\n return \"L\";\n case \"Dinner\":\n return \"#\";\n case \"White Rice\":\n return \"WR\";\n case \"Fried Rice\":\n return \"FR\";\n default:\n return value;\n }\n })\n .join(\", \");\n const itemTotalPrice = item.cartUnitPrice * item.quantity;\n const requestContent = (\n <>\n Note: {item.requestContent}\n \n );\n\n return (\n \n \n
\n
\n \n \n );\n })}\n
\n );\n\n const orderEmail = (\n \n
\n \n 🍱\n \n {\" \"}\n ({item.quantity}) {itemSize} {item.title}\n \n
\n {itemOptions}
\n \n
\n
\n \n {item.requestContent === \"\" ? null : requestContent}\n
\n \n
\n QTY: {item.quantity}
\n \n {formatter.format(item.cartUnitPrice)} (x{item.quantity}) ={\" \"}\n {formatter.format(itemTotalPrice)}\n
\n China Delight
\n\n {\" \"}\n {name.split(\" \")[0]}'s Order #{phone}\n
\n {name} | {email} | {phone}\n\n {fullDate} | {orderTime}\n
\n {pickUpDetails}
\n {paymentMethod === \"In Person\" ? payInPerson : paidOnline}
\n \n
\n Today's Receipt
\n\n
\n
\n {orderRequests && (\n Customer's requests for the order: \n )}\n
\n {orderRequests}\n
\n
\n Subtotal: {formatter.format(subtotal)}\n \n
\n {orderRequests && (\n Customer's requests for the order: \n )}\n
\n {orderRequests}\n
\n
Taxes (6%): {\" \"}\n {formatter.format(taxes)}\n
\n
\n
\n Total\n
\n \n {formatter.format(total)}\n
\n \n \n
\n
\n Any questions?\n
\n Don't hesitate to email us at chinadelightmd@gmail.com.
\n Or, call us at 410-877-9490!\n \n
{orderEmail}
;\n};\n\nexport default MyEmail;\n","import React, {useEffect, useRef} from \"react\";\n\nimport {useCartContext} from \"../CartContext\";\n\nconst Paypal = (props) => {\n let {\n orderTotal,\n setAmountPaid,\n sendEmail,\n setPrevOrder,\n setCart,\n setBackdrop,\n handleClose,\n order,\n setFinalPage,\n setPaymentPage,\n } = props;\n\n const {orderPaid, setOrderPaid} = useCartContext();\n\n const formatter = new Intl.NumberFormat(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n });\n const paypal = useRef();\n let paypalTotal = orderTotal;\n paypalTotal = formatter.format(paypalTotal + 1.15);\n\n const handlePlaceOrder = () => {\n order[\"amountPaid\"] = paypalTotal;\n order[\"paymentMethod\"] = \"Paid Online\";\n //commenting out adding order for now\n // addOrder(order);\n sendEmail();\n // redirect\n // window.location.href = \"/\"\n\n //empty our cart\n setPrevOrder(order);\n setCart([]);\n setBackdrop(true);\n handleClose();\n };\n\n useEffect(() => {\n window.paypal\n .Buttons({\n createOrder: (data, actions, err) => {\n return actions.order.create({\n intent: \"CAPTURE\",\n purchase_units: [\n {\n description: \"China Delight Online Order\",\n amount: {\n currency_code: \"USD\",\n value: paypalTotal,\n },\n },\n ],\n });\n },\n onApprove: async (data, actions) => {\n const order = await actions.order.capture();\n console.log(\"successful order: \" + order);\n setOrderPaid(true);\n // setPaymentMethod(\"Paid Online\");\n setAmountPaid(paypalTotal);\n order[\"amountPaid\"] = paypalTotal;\n order[\"paymentMethod\"] = \"Paid Online\";\n handlePlaceOrder();\n setPaymentPage(false);\n setFinalPage(true);\n },\n onError: (err) => {\n console.log(err);\n alert(\"Sorry, looks like something went wrong. Please try again.\");\n },\n })\n .render(paypal.current);\n }, [orderTotal]);\n\n return (\n \n {orderPaid ? null : (\n
\n );\n};\n\nexport default Paypal;\n","import {React, useState} from \"react\";\nimport {useTheme} from \"@material-ui/core/styles\";\nimport {Close as CloseIcon} from \"@material-ui/icons\";\nimport {\n Grid,\n Box,\n Button,\n Typography,\n IconButton,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Radio,\n RadioGroup,\n FormControlLabel,\n FormControl,\n TextField,\n useMediaQuery,\n makeStyles,\n Divider,\n Backdrop,\n CircularProgress,\n Snackbar,\n} from \"@material-ui/core\";\nimport MuiAlert from \"@material-ui/lab/Alert\";\nimport {AlertTitle} from \"@material-ui/lab\";\n\nimport {useCartContext} from \"../CartContext\";\n//email\nimport MyEmail from \"./MyEmail\";\nimport {renderEmail} from \"react-html-email\";\nimport api from \"../api\";\nimport Paypal from \"./Paypal\";\n\nfunction Alert(props) {\n return \n \n
\n )}\n \n
\n Please note, we do not deliver in either case. \n
\n
\n
\n {total - amountPaid === 0 || total - amountPaid < 0 ? null : (\n
\n Have to Pay: \n {formatter.format(total - amountPaid)}\n
\n )}\n \n
\n We do not deliver. \n PayPal may ask for a shipping address as their service requires\n it but we will not deliver to that address. If you want food\n delivered, try 3rd-party apps like Grubhub, DoorDash, UberEats\n etc.\n
\n \n I'll Pay In Person\n \n \n Amount Due: {formatter.format(total)}\n \n \n Finish Order\n \n
\n )}\n\n \n {total - amountPaid === 0 ||\n total - amountPaid < 0 ? null : (\n
\n {\" \"}\n Have to Pay: {\" \"}\n {formatter.format(total - amountPaid)}{\" \"}\n
\n )}\n \n \n {/* CART PAGE ALERT */}\n {/* \n {\" \"}\n \n {\" \"}\n Alert for Friday 6/24 \n {\" \"}\n Our phone lines are down for the day and will not be able to process\n credit cards in-person. Please pay in cash or by credit card online.\n Sorry for any inconveniences and thank you!\n */}\n \n \n 🥡 My Cart\n \n \n {userCartCount > 0 ? filledCart : emptyCart}{\" \"}\n \n\n \n \n \n {/* \n */}\n \n \n \n \n \n {\" \"}\n Error Your cart is empty!{\" \"}\n \n \n \n \n \n CLOSED ON TUESDAYS \n \n We are not open on Tuesdays! Apologies for any inconveniences.\n \n \n \n \n \n ONLINE ORDERS CLOSED IN THE MORNING \n \n We are not accepting online orders in the morning (before 11) to avoid\n any inconveniences.\n \n \n \n \n \n Online Orders Closed \n \n Apologies, we are closed for today!\n \n \n
\n );\n}\n\nexport default Cart;\n","import React from \"react\";\n\nimport {\n Typography,\n Box,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Paper,\n makeStyles,\n} from \"@material-ui/core\";\nimport {AccountCircle, CalendarToday} from \"@material-ui/icons\";\n\n// context provider\nimport {useCartContext} from \"../CartContext\";\n\nconst tableStyles = makeStyles((theme) => ({\n table: {\n maxWidth: 650,\n },\n}));\n\nconst formatter = new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n});\n\nfunction Confirmation() {\n const tableClasses = tableStyles();\n\n const {prevOrder} = useCartContext();\n\n const cart = prevOrder.cart;\n const name = prevOrder.name;\n const email = prevOrder.email;\n const phone = prevOrder.phone;\n\n const pickUpOption = prevOrder.pickUpOption;\n const pickUpTime = prevOrder.pickUpTime;\n const timePlaced = prevOrder.timePlaced;\n const orderReqs = prevOrder.orderReqs;\n\n const estimatedTime = prevOrder.estimatedTime;\n const pickUpTimeArr = pickUpTime ? pickUpTime.split(\":\") : [\"00\", \"00\"];\n const pickUpHour = pickUpTimeArr[0];\n const pickUpMinute = pickUpTimeArr[1];\n const pickUpTime12Hour =\n Number(pickUpHour) > 12 ? Number(pickUpHour) - 12 : pickUpHour;\n const meridiem = Number(pickUpHour) >= 12 ? \"PM\" : \"AM\";\n const pickUpTime12HourStr = `${pickUpTime12Hour}:${pickUpMinute} ${meridiem}`;\n\n const paymentMethod = prevOrder.paymentMethod;\n const amountPaid = prevOrder.amountPaid;\n\n var subt1 = 0;\n cart.forEach((item) => (subt1 = subt1 + item.cartUnitPrice * item.quantity));\n var taxes = subt1 * 0.06;\n var total = subt1 * 1.06;\n\n const filledCart = (\n Taxes (6%):{\" \"}\n {formatter.format(taxes)}\n
Total \n {formatter.format(total)}
\n
\n {email} \n
\n
\n \n Note, we do not deliver - just come in and let us know you placed\n an online order!\n \n
\n
\n Check your spam/junk if you can't find it - or call us at\n 410-877-9490 and ask if we received your order.\n
\n See Pricing for more details on what costs you\n can expect.\n
\n Also feel free to email\n \n {\" \"}\n chinadelightmd@gmail.com{\" \"}\n \n with any suggestions or feedback.\n
Pick Up Option {pickUpOption}\n {pickUpOption === \"custom time\" ? (\n <>\n {\" \"}\n
Picking Up At {pickUpTime}{\" \"}\n \n ) : null}\n {pickUpOption === \"ASAP\" ? (\n <>\n {\" \"}\n
Estimated Pick Up Time {estimatedTime}{\" \"}\n \n ) : null}\n
{\" \"}\n {paymentMethod === \"In Person\" ? (\n
\n {\" \"}\n Payment {paymentMethod}
{\" \"}\n
\n ) : (\n {\" \"}\n
\n ✅ Payment {paymentMethod}
{\" \"}\n ✅ Paid {formatter.format(amountPaid)}{\" \"}\n (includes 1.15 fee)
{\" \"}\n {total - amountPaid === 0 || total - amountPaid < 0 ? null : (\n
\n )}\n {\" \"}\n ✅ Paid {formatter.format(amountPaid)}{\" \"}\n (includes 1.15 fee)
{\" \"}\n {total - amountPaid === 0 || total - amountPaid < 0 ? null : (\n
\n {\" \"}\n ⛔ Have to pay: {\" \"}\n {formatter.format(total - amountPaid)}{\" \"}\n
\n )}\n \n {reviews\n .slice((page - 1) * rowsPerPage, (page - 1) * rowsPerPage + rowsPerPage)\n .map((review) => (\n \n \n
\n );\n\n const handleReviewChange = (e) => {\n var text = e.target.value;\n setNewReview((prev) => {\n return {...prev, reviewContent: text};\n });\n };\n const handleNameChange = (e) => {\n var text = e.target.value;\n setNewReview((prev) => {\n return {...prev, name: text};\n });\n };\n const handleRatingChange = (e) => {\n var rating = e.target.value;\n setNewReview((prev) => {\n return {...prev, rating: rating};\n });\n };\n\n const handleAddNewReview = (e) => {\n console.log(\"new review is: \", newReview);\n setAlertOpen(true);\n // setReviewed(true);\n addReview(newReview);\n e.preventDefault();\n setNewReview({\n name: \"\",\n reviewContent: \"\",\n rating: 5,\n });\n };\n\n const oldAddReview = reviewed ? (\n \n {\" \"}\n \"{review.reviewContent}\" - {review.name} ({review.rating}\n /5){\" \"}\n
\n ))}{\" \"}\n If you just submitted a review, it should show up when you reload!{\" \"}\n
\n \n \n\n {reviews.length === 0 ? (\n
\n
{\" \"}\n Be the first to review!
\n ) : (\n reviewsDiv\n )}\n \n
\n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Lunch{\" \"}\n \n \n Served with the choice of:{\" \"}\n \n {\" \"}\n Fried Rice, White Rice, Lo Mein (+2), or Pork Fried Rice (+2).{\" \"}\n \n
\n \n {\" \"}\n Note: Available daily until 3:30 PM{\" \"}\n \n {\" \"}\n
\n\n \n \n {\" \"}\n Note: Available daily until 3:30 PM{\" \"}\n \n
\n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n Soups\n \n \n Something to warm you up on cold nights.\n
Each soup comes with a bag of fried noodles.\n
(Pints come with 1 bag; quarts come with 2 bags)\n \n
\n\n Each soup comes with a bag of fried noodles.\n
(Pints come with 1 bag; quarts come with 2 bags)\n
\n Please choose from the options below:\n \n Style: \n \n {styleValue}\n \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n \n \n Filling: \n \n {fillingValue}\n \n \n \n \n \n Select one: \n \n \n \n \n {\" \"}\n
\n );\n\n const eggRollOptions = (\n \n please choose from the options below:\n \n type: \n \n {fillingValue}\n \n \n \n \n \n select one: \n \n \n \n \n {\" \"}\n
\n );\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Appetizers{\" \"}\n \n \n Classic chinese appetizers to tease the appetite\n {\" \"}\n
\n\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Dinner{\" \"}\n \n \n * AKA Combo platters or Dinner platters *\n
Can choose between Fried or White Rice \n (free of charge) \n
Each comes with an Egg Roll {\" \"}\n (free of charge) \n
Can choose to add a Soup for +$1\n {\" \"}\n
{\" \"}\n Can choose between Fried or White Rice \n (free of charge) \n
Each comes with an Egg Roll {\" \"}\n (free of charge) \n
Can choose to add a Soup for +$1\n
\n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Sweet and Sour{\" \"}\n \n \n Breaded meats deep-fried served with sweet and sour sauce on the side.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Egg Foo Young{\" \"}\n \n \n An omelette-type dish served with gravy with meats of your choice. Served with\n white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Fried Rice{\" \"}\n \n \n Just simple fried rice with peas, onions, and carrots with meats of\n your choice.\n {\" \"}\n
\n\n \n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Lo Mein{\" \"}\n \n \n Classic lo mein noodles cooked in soy sauce with meats & styles of your choice.\n {\" \"}\n
\n\n \n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Mei Fun{\" \"}\n \n \n Also known as Rice Noodles.
Stir-fried rice-based noodles with\n meats of your choice.\n {\" \"}\n
\n\n Stir-fried rice-based noodles with\n meats of your choice.\n
\n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Chow Mein{\" \"}\n \n \n Mixed vegetables in a white sauce with a meat of your choice. Served\n with steamed rice and fried noodles.\n {\" \"}\n
\n\n \n \n Sauce: \n \n {sauceValue}\n \n \n \n \n \n Select one: \n \n \n \n \n \n
\n );\n};\n\nexport default SauceOptions;\n","import { React, useState } from \"react\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport {\n Add as AddIcon,\n Close as CloseIcon,\n ExpandMore as ExpandMoreIcon,\n} from \"@material-ui/icons\";\nimport {\n Grid,\n Box,\n Fab,\n Typography,\n IconButton,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Radio,\n RadioGroup,\n FormControlLabel,\n FormControl,\n FormLabel,\n InputLabel,\n MenuItem,\n Select,\n TextField,\n useMediaQuery,\n makeStyles,\n Divider,\n} from \"@material-ui/core\";\n\nimport { useCartContext } from \"../CartContext\";\nimport Review from \"./Reviews\";\nimport SauceOptions from \"../Utils/SauceOptions\"\n\nconst useStyles = makeStyles((theme) => ({\n root: { margin: 10 },\n gridPadding: {\n padding: 15,\n },\n media: {\n height: 0,\n paddingTop: \"56.25%\",\n },\n addIcon: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n },\n bottomText: {\n justifyContent: \"center\",\n },\n container: {\n display: \"flex\",\n justifyContent: \"space-evenly\",\n paddingBottom: theme.spacing(3),\n flexWrap: \"wrap\",\n },\n img: {\n maxWidth: 300,\n maxHeight: 300,\n height: 230,\n width: \"100%\",\n objectFit: \"cover\",\n },\n\n dialogWrapper: {\n padding: theme.spacing(2),\n position: \"absolute\",\n },\n dialogTitle: {\n paddingRight: \"0px\",\n },\n heading: {\n fontSize: theme.typography.pxToRem(15),\n fontWeight: theme.typography.fontWeightRegular,\n },\n divider: { margin: theme.spacing(3) },\n selectedValue: {\n fontSize: theme.typography.pxToRem(15),\n fontWeight: theme.typography.fontWeightRegular,\n color: theme.palette.text.secondary,\n marginLeft: 10,\n },\n formControl: {\n marginTop: theme.spacing(2),\n minWidth: 120,\n },\n selectEmpty: {\n marginTop: theme.spacing(2),\n },\n textFields: {\n \"& .MuiTextField-root\": {\n margin: theme.spacing(1),\n width: \"25ch\",\n },\n },\n}));\n\nconst PoultryDialog = (props) => {\n const {\n onClose,\n open,\n onAdd,\n title,\n description,\n img,\n price,\n priceSm,\n priceLg,\n reviews,\n } = props;\n\n var initialPrice = 1;\n if (price == null) {\n initialPrice = priceSm;\n } else {\n initialPrice = price;\n }\n const [sizeValue, setSizeValue] = useState(\"Pint\");\n const [quantity, setQuantity] = useState(1);\n const [finalPrice, setFinalPrice] = useState(initialPrice);\n const [ricePrice, setRicePrice] = useState(0);\n const [riceValue, setRiceValue] = useState(\"White Rice\");\n const [sauceValue, setSauceValue] = useState(\"Brown\");\n\n const [requestContent, setRequestContent] = useState(\"\");\n const { cart, setCart, addNewItem } = useCartContext();\n\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"xs\"));\n const classes = useStyles();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleAddItem = () => {\n onAdd();\n const type = \"Entree\";\n let options = {};\n if (price === null && title === \"Chicken w. Mixed Vegetables\") {\n options = { type, sizeValue, riceValue, sauceValue };\n } else if (price === null) {\n options = { type, sizeValue, riceValue };\n } else if (title === \"Chicken w. Mixed Vegetables\") { \n options = { type, riceValue, sauceValue}\n }\n else {\n options = { type, riceValue };\n }\n\n let cartUnitPrice = finalPrice + ricePrice;\n\n const newItem = {\n title,\n cartUnitPrice,\n options,\n requestContent,\n quantity,\n };\n addNewItem(newItem);\n };\n const handleSizeChange = (e) => {\n const size = e.target.value;\n setSizeValue(size);\n if (size === \"Quart\") {\n setFinalPrice(priceLg);\n } else if (size === \"Pint\") {\n setFinalPrice(priceSm);\n }\n if (riceValue === \"Fried Rice\" && price !== null) {\n setRicePrice(1.5);\n } else if (riceValue === \"Fried Rice\" && size === \"Quart\") {\n setRicePrice(1.5);\n } else if (riceValue === \"Fried Rice\" && size === \"Pint\") {\n setRicePrice(1);\n } else {\n setRicePrice(0);\n }\n };\n\n const handleRiceChange = (e) => {\n const rice = e.target.value;\n setRiceValue(rice);\n\n if (rice === \"Fried Rice\" && price !== null) {\n setRicePrice(1.5);\n } else if (rice === \"Fried Rice\" && sizeValue === \"Quart\") {\n setRicePrice(1.5);\n } else if (rice === \"Fried Rice\" && sizeValue === \"Pint\") {\n setRicePrice(1);\n } else {\n setRicePrice(0);\n }\n };\n\n const handleSauceChange = (e) => { \n const sauceChosen = e.target.value \n setSauceValue(sauceChosen); \n\n }\n\n const handleQuantityChange = (e) => {\n setQuantity(e.target.value);\n };\n\n const handleRequestContentChange = (e) => {\n var text = e.target.value;\n setRequestContent(text);\n };\n\n const formatter = new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n });\n\n const riceOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Poultry{\" \"}\n \n \n Land fish served with white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n Pork\n \n \n Land fish served with white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Seafood{\" \"}\n \n \n Meat of the sea served with white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Beefs{\" \"}\n \n \n Land fish served with white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Mu Shu{\" \"}\n \n \n Mixed vegetables with a meat of your choice. Put some in the included\n wraps and dab on some of the included Hoison sauce. Served with white\n rice.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Vegetable{\" \"}\n \n \n Healthy vegetable and tofu options served with white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Udon{\" \"}\n \n \n Stir-fried thick udon noodles.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Chef Specials{\" \"}\n \n \n Our specialiltes served with white rice.\n {\" \"}\n
\n\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * (finalPrice + ricePrice);\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Diet{\" \"}\n \n \n Plain Steamed with Original Flavor, no M.S.G. Salt and Oil Used.\n
\n Seasoning Sauce be Served on the Side (White or Brown Sauce).\n
Fried Rice Instead of White Rice $1.5 Extra\n
\n {\" \"}\n
\n\n \n Seasoning Sauce be Served on the Side (White or Brown Sauce).\n
Fried Rice Instead of White Rice $1.5 Extra\n
\n
\n {\" \"}\n Please choose from the options below:\n \n Meat: \n {meatValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n const sizeOptions = (\n \n {\" \"}\n Slease choose from the options below:\n \n Size: \n {sizeValue} \n \n \n \n \n Select one: \n \n {\" \"}\n \n \n {\" \"}\n
\n );\n\n let cartPrice = quantity * finalPrice;\n\n return (\n <>\n \n {\" \"}\n \n {title}{\" \"}\n {\" \"}\n \n {\" \"}\n \n
\n \n \n {\" \"}\n \n {\" \"}\n Sides{\" \"}\n \n \n Need something extra? \n {\" \"}\n
\n\n \n \n \n \n ゜・ Menu ・ ゜\n \n \n {\" \"}\n Items here will be added to your cart (see top left). Use the\n quick-links below or the sidebar to quickly navigate through our\n menu.
\n \n
\n\n Note: If your requests contain extra sauce, extra meat, or anything\n extra, they are liable to extra fees not calculated in the final\n price below. Please see pricing for more\n details on what costs you can expect.{\" \"}\n \n
\n\n {\" \"}\n \n Disclaimer: The {\" \"}\n \n {\" \"}\n photos not exact replications of our dishes and are to serve as\n references.{\" \"}\n \n {\" \"}\n
\n\n Quick Links\n {\" \"}\n
\n \n \n {\" \"}\n \n \n \n \n {\" \"}\n \n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n \n \n \n \n \n \n
\n );\n}\n\nexport default Menu;\n","import React, {useState, useEffect} from \"react\";\nimport axios from \"axios\";\n\nimport {\n Typography,\n Box,\n Table,\n TableCell,\n TableContainer,\n TableRow,\n Paper,\n} from \"@material-ui/core\";\n\nconst AxiosTest = () => {\n const [body, setBody] = useState(\"initial body\");\n\n const [cart, setCart] = useState([]);\n\n const formatter = new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n });\n\n var subt1 = 0;\n const randomData = () => {\n axios\n .get(\"https://jsonplaceholder.typicode.com/posts/1\")\n .then((response) => {\n setBody(response.data.body);\n console.log(response);\n });\n console.log(\"button hit\");\n };\n\n const myPost = () => {\n console.log(\"Hitting our local server:\");\n axios.get(\"http://localhost:4747/\").then((res) => console.log(res.data));\n };\n\n useEffect(\n () =>\n axios.get(\"http://localhost:4747/suck\").then((res) => {\n console.log(res.data);\n setCart(res.data);\n }),\n []\n );\n\n console.log(cart);\n\n return (\n \n
\n
\n
\n
\n \n \n {\" \"}\n \n \n \n \n {\" \"}\n \n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n {\" \"}\n \n \n \n
\n \n \n
\n \n {\" \"}\n ![\"logo\"](\"/logo.png\")
*/}\n \n
\n );\n};\n\nexport default AxiosTest;\n","import React, {useState, useEffect} from \"react\";\n\nimport {\n Typography,\n Box,\n Grid,\n Select,\n MenuItem,\n FormControl,\n} from \"@material-ui/core\";\n\nimport {ViewWeek, CalendarToday, QueryBuilder} from \"@material-ui/icons\";\n\nimport api from \"../api\";\nfunction Graph() {\n const [allStats, setAllStats] = useState({});\n const [loaded, setLoaded] = useState(false);\n\n const [year, setYear] = useState(\"y2022\");\n const [stat, setStat] = useState(\"count\");\n\n const years = [\"y2021\", \"y2022\", \"y2023\"];\n const [compare, setCompare] = useState(true);\n\n const handleStatSelect = (event) => {\n setStat(event.target.value);\n };\n const handleYearSelect = (event) => {\n setYear(event.target.value);\n if (event.target.value !== \"y2021\") setCompare(true);\n else setCompare(false);\n };\n\n const loadStats = async () => {\n const res = await api.get(\"/api/stats\");\n setAllStats(res.data);\n setLoaded(true);\n };\n\n useEffect(() => {\n loadStats();\n }, []);\n\n let index = years.indexOf(year) - 1;\n let lastYear = years[index];\n let lastYearsRevenue;\n let revenueChange;\n let orderChange;\n let avgChange;\n\n // Dashboard & Helpers\n function formatToUSD(number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n }).format(number);\n }\n const HourlyGraph = ({stat}) => {\n const hours = Array.from({length: 11}, (_, i) => `h${i + 11}`);\n const hourLabels = Array.from({length: 11}, (_, i) => {\n if (i + 11 > 12) return `${i + 11 - 12} pm`;\n else if (i + 11 === 12) return `${i + 11} pm`;\n else return `${i + 11} am`;\n });\n const maxVal = Math.max(\n ...hours.map((hr) => allStats[stat][year].hours[hr])\n );\n\n const bar = (hr, i) => {\n return (\n Axios Test Page
\n {/* */}\n \n server data:
\n \n {\" \"}\n my cart:{\" \"}\n \n \n {\" \"}\n subtotal: {formatter.format(subt1)}
taxes (6%):{\" \"}\n {formatter.format(subt1 * 0.06)}\n
total: {formatter.format(subt1 * 1.06)}
\n \n \n {cart.map((item, index) => {\n const itemOptions = Object.entries(item.options)\n .map(([key, value]) => {\n return value;\n })\n .join(\", \");\n const itemTotalPrice = item.cartUnitPrice * item.quantity;\n subt1 = subt1 + itemTotalPrice;\n\n return (\n \n \n
\n \n );\n })}\n
\n \n \n taxes (6%):{\" \"}\n {formatter.format(subt1 * 0.06)}\n
total: {formatter.format(subt1 * 1.06)}
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n {/* menu list */}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default Routes;\n","import {createMuiTheme} from \"@material-ui/core/styles\";\n\nconst theme = createMuiTheme({\n typography: {\n fontFamily:\n \"-apple-system, BlinkMacSystemFont, 'Helvetica Neue', acumin-pro, Merriweather, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',sans-serif\",\n h1: {\n color: \"#B18944\",\n fontWeight: \"bold\",\n fontFamily: \"Hogback\",\n fontSize: \"8.5rem\",\n },\n h2: {\n color: \"#B18944\",\n fontWeight: \"bold\",\n fontFamily: \"Hogback\",\n fontSize: \"7rem\",\n },\n h3: {\n color: \"#B18944\",\n fontWeight: \"bold\",\n fontFamily: \"Hogback\",\n fontSize: \"5.5rem\",\n },\n h4: {\n color: \"#B18944\",\n fontWeight: \"bold\",\n fontFamily: \"Hogback\",\n fontSize: \"3rem\",\n },\n },\n palette: {\n background: {\n default: \"\",\n },\n primary: {\n main: \"#B41E22\",\n },\n secondary: {\n main: \"#B18944\",\n },\n text: {\n secondary: \"#5e5e5e\",\n },\n },\n // add attribute to palette for dark mode: type: \"dark\",\n transitions: {\n // So we have `transition: none;` everywhere\n create: () => \"none\",\n },\n components: {\n // Name of the component\n MuiButton: {\n styleOverrides: {\n // Name of the slot\n root: {\n // Some CSS\n },\n },\n },\n },\n});\n\nexport default theme;\n","// react library\nimport React from \"react\";\nimport {BrowserRouter as Router} from \"react-router-dom\";\n// material-ui library\nimport {makeStyles, ThemeProvider, CssBaseline} from \"@material-ui/core/\";\n\n//helmet & meta tags\nimport {Helmet} from \"react-helmet\";\n\n// self made components\nimport HeaderNav from \"./HeaderNav\";\nimport Routes from \"./Routes\";\nimport theme from \"./Theme\";\nimport \"./App.css\";\n\n//Context Provider\nimport {CartProvider} from \"./CartContext\";\n\n// react google analytics\nimport ReactGA from \"react-ga\";\nconst TRACKING_ID = \"G-9RK4LGZH98\";\nReactGA.initialize(TRACKING_ID);\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n toolbar: theme.mixins.toolbar,\n content: {\n diplay: \"flex\",\n flexFlow: \"column nowrap\",\n justifyContent: \"center\",\n alignContent: \"center\",\n alignItems: \"center\",\n width: \"100%\",\n paddingBottom: theme.spacing(20),\n },\n}));\n\nfunction App() {\n const classes = useStyles();\n\n return (\n \n \n \n \n \n China Delight - Forest Hill MD \n {/* google ads */}\n \n {/* */}\n \n \n \n \n {/* \n \n \n \n \n \n \n
\n );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport App from \"./components/App\";\n\nReactDOM.render(\n