Progrss

pages/api/confirmOrder.ts

···
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { get_data } from '@/src/data'
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<any>
+) {
+  if(req.method == "POST") {
+
+  } else {
+    res.status(400).send("Invalid method")
+  }
+}

src/component/purchase.jsx

···
 import { IconButton, ToggleButton, ToggleButtonGroup } from '@mui/material';
 import { Menu } from '@material-ui/icons';
 import useDynamicRefs from 'use-dynamic-refs';
+import { useSession } from 'next-auth/react';
 
 export default function PurchasePage() {
+
+  const { data: session } = useSession()
 
   let [menu, setMenu] = useState({})
   
···
 
   const [getRef, setRef] =  useDynamicRefs();
 
+  function confirmOrder() {
+    let finalCartFull = {...cart};
+    let finalCart = {}
+    // console.log(finalCart)
+    Object.keys(finalCartFull).forEach((category, categoryIdx) => {
+      finalCart[category] = {}
+      // console.log(finalCart[category])
+      Object.keys(finalCartFull[category]).forEach((itemName, itemIdx) => {
+        // console.log(JSON.stringify(finalCartFull[category][itemName]) == "[]")
+        if(JSON.stringify(finalCartFull[category][itemName]) == "[]") {
+          return;
+        }
+        finalCart[category][itemName] = finalCartFull[category][itemName]
+        // console.log(`${category}: ${itemName}`)
+      })
+    })
+
+    Object.keys(finalCart).forEach((category, idx) => {
+      if(JSON.stringify(finalCart[category]) == "{}") {
+        delete finalCart[category]
+      }
+    })
+    
+    console.log(finalCart)
+  }
+
   async function getMenu() {
     let res = await fetch(`/api/data`, {
       method: 'GET'
···
             })
           }
 
-          <div onClick={() => getRef("checkout").current.scrollIntoView({ behavior: 'smooth' })}>
-            Checkout
+          <div style={{display: "flex", flexDirection: "row"}}>
+            <div onClick={() => getRef("checkout").current.scrollIntoView({ behavior: 'smooth' })}>
+              Checkout
+            </div>
+            <div style={{position: "absolute", transform: "translateX(-50%)", right: 0, textAlign: "right", color: "gray", marginTop: 0}}>
+              {session.user.name}
+            </div>
           </div>
         </div> : ""
 
···
             <div style={{color: "gray`"}}>
               (Priset kan variera lite)
             </div>
-            <Button variant="contained" size="large" color="success" className={styles.confirm_button} disabled={JSON.stringify(getCartAsList()) == "[]" ? true : false}>Confirm Order</Button>
+            <Button variant="contained" size="large" color="success" className={styles.confirm_button} disabled={JSON.stringify(getCartAsList()) == "[]" ? true : false} onClick={() => confirmOrder()}>Confirm Order</Button>
           </div>
           <div className={styles.footer}></div>
       </main>