(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60],{242:(e,i,t)=>{Promise.resolve().then(t.bind(t,3348))},3348:(e,i,t)=>{"use strict";t.d(i,{OrderHistory:()=>c});var s=t(5155),n=t(2115),l=t(1408),a=t(1733),d=t(2800),o=t(8018);let r=[{id:456345,date:"Aug 31, 2023",time:"8:32 pm",status:"shipping",total:14.4,discount:2.65,delivery:2,dishes:[{id:1,name:"Tonkotsu Ramen",quantity:1,price:7.5},{id:2,name:"Classic Cheeseburger",quantity:1,price:6.9}]},{id:456346,date:"Jul 28, 2023",time:"8:32 pm",status:"delivered",total:17,discount:3,delivery:2,dishes:[{id:3,name:"Salmon Roll",quantity:1,price:9.5},{id:4,name:"Chocolate Cupcake",quantity:1,price:5.5}]},{id:456347,date:"Jun 11, 2023",time:"8:32 pm",status:"canceled",total:15.8,discount:2.8,delivery:2,dishes:[{id:7,name:"A Plate of Pancakes",quantity:1,price:7.8},{id:8,name:"Borscht",quantity:1,price:8}]}],c=()=>{let[e,i]=(0,n.useState)(null);return(0,s.jsx)(o.d.MotionWrapper,{children:(0,s.jsxs)(o.d.SafeAreaView,{children:[(0,s.jsx)(o.d.Header,{title:"Order History",showGoBack:!0}),(0,s.jsx)("main",{style:{overflowY:"auto",paddingLeft:20,paddingRight:20,marginTop:d.A.sizes.headerHeight,paddingTop:18,paddingBottom:20},children:(0,s.jsx)("ul",{style:{display:"flex",flexDirection:"column",gap:10},children:r.map(t=>(0,s.jsxs)("li",{style:{backgroundColor:d.A.colors.whiteColor,borderRadius:5},onClick:()=>i(e===t.id?null:t.id),children:[(0,s.jsxs)("section",{style:{paddingLeft:20,paddingRight:20,paddingTop:20,paddingBottom:20,borderBottom:"1px solid ".concat(e===t.id?"#EEEEEE":"transparent")},children:[(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",WebkitJustifyContent:"space-between",marginBottom:7},children:[(0,s.jsxs)("h5",{style:{fontSize:12},children:["#",t.id]}),"shipping"===t.status&&(0,s.jsx)("span",{style:{fontSize:12,color:"#FFC700"},children:"Shipping"}),"canceled"===t.status&&(0,s.jsx)("span",{style:{fontSize:12,color:d.A.colors.mainColor2},children:"Canceled"}),"delivered"===t.status&&(0,s.jsx)("span",{children:"Delivered"})]}),(0,s.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,s.jsxs)("span",{style:{fontSize:12,color:d.A.colors.textColor},children:[t.date," at ",t.time]}),(0,s.jsxs)("span",{style:{fontSize:12,color:d.A.colors.mainDarkColor},children:["$",t.total]})]})]}),(0,s.jsx)(l.N,{initial:!1,children:e===t.id&&(0,s.jsx)(a.P.section,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.87,0,.13,1]},children:(0,s.jsx)("ul",{style:{padding:20,gap:6,...d.A.flex.flexColumn},children:t.dishes.map(e=>(0,s.jsxs)("li",{style:{...d.A.flex.rowCenterBetween},children:[(0,s.jsx)("span",{style:{fontSize:14},children:e.name}),(0,s.jsxs)("span",{style:{fontSize:14},children:[e.quantity," x $",e.price]})]},e.id))})},"content")})]},t.id))})})]})})}}},e=>{e.O(0,[171,385,406,18,441,315,358],()=>e(e.s=242)),_N_E=e.O()}]);