diff --git a/src/app/orderConfirmationDelivery/page.tsx b/src/app/orderConfirmationDelivery/page.tsx index 690624e..42f4295 100644 --- a/src/app/orderConfirmationDelivery/page.tsx +++ b/src/app/orderConfirmationDelivery/page.tsx @@ -49,6 +49,21 @@ export default function OrderConfirmationDelivery() { const searchParams = useSearchParams(); const orderIDFromSearch = searchParams.get('orderID'); const [delivTimes, setDelivTimes] = useState([]); + const months = [ + 'January', + 'February', + 'March', + 'April', + 'May', + 'June', + 'July', + 'August', + 'September', + 'October', + 'November', + 'December', + ]; + useEffect(() => { async function fetchProducts() { const cartItems = (await fetchCartItemsWithQuantityByID( @@ -76,24 +91,10 @@ export default function OrderConfirmationDelivery() { function organizeDelivTime() { const userGrp = user?.delivery_group == null ? 1 : user?.delivery_group; const Time = delivTimes[userGrp]?.delivery_time.toLocaleString(); - const date = - Time == null ? ['0', '0', '0'] : Time?.substring(0, 10).split('-'); - const months = [ - 'January', - 'February', - 'March', - 'April', - 'May', - 'June', - 'July', - 'August', - 'September', - 'October', - 'November', - 'December', - ]; - - const dateStr = `${months[Number(date[1]) - 1]} ${date[2]}, ${date[0]}`; + const res: Date = new Date(Time); + const dateStr = `${ + months[res.getMonth() - 1] + } ${res.getDate()}, ${res.getFullYear()}`; return `${dateStr}`; } diff --git a/src/app/orderPage/page.tsx b/src/app/orderPage/page.tsx index b3e2397..8e96279 100644 --- a/src/app/orderPage/page.tsx +++ b/src/app/orderPage/page.tsx @@ -117,7 +117,7 @@ export default function OrderPage() { - + diff --git a/src/app/orderPageDelivery/page.tsx b/src/app/orderPageDelivery/page.tsx index a2e6129..44573ef 100644 --- a/src/app/orderPageDelivery/page.tsx +++ b/src/app/orderPageDelivery/page.tsx @@ -114,37 +114,30 @@ export default function OrderPageDelivery() { function organizeDelivTime() { const userGrp = user?.delivery_group == null ? 1 : user?.delivery_group; const Time = delivTimes[userGrp]?.delivery_time.toLocaleString(); - const date = - Time == null ? ['0', '0', '0'] : Time?.substring(0, 10).split('-'); - const dateStr = `${months[parseInt(date[1], 10) - 1]} ${date[2]}, ${ - date[0] - }`; + const res: Date = new Date(Time); + const dateStr = `${ + months[res.getMonth() - 1] + } ${res.getDate()}, ${res.getFullYear()}`; return `${dateStr}`; } function organizeOrderDate() { - const Time = order?.created_at.toLocaleString(); - const date = - Time == null ? ['0', '0', '0'] : Time?.substring(0, 10).split('-'); - const dateStr = `${months[parseInt(date[1], 10) - 1]} ${date[2]}, ${ - date[0] - }`; - return `${dateStr}`; - } - - function organizeOrderTime() { - const Time = order?.created_at.toLocaleString(); - + const Time = + order?.created_at == null ? 1 : order?.created_at.toLocaleString(); + const res: Date = new Date(Time); + const dateStr = `${ + months[res.getMonth() - 1] + } ${res.getDate()}, ${res.getFullYear()}`; let ampm = 'AM'; - const date = - Time == null ? ['00', '00'] : Time?.substring(11, 16).split(':'); - - if (parseInt(date[0], 10) >= 12) { - date[0] = (parseInt(date[0], 10) - 12).toLocaleString(); + let hour = res.getHours(); + if (hour > 12) { + hour -= 12; + ampm = 'PM'; + } else if (hour === 12) { ampm = 'PM'; } - const timeStr = `${date[0]}:${date[1]} ${ampm}`; - return `${timeStr}`; + const timeStr = `${hour}:${res.getMinutes()} ${ampm}`; + return [dateStr, timeStr]; } return ( @@ -157,8 +150,8 @@ export default function OrderPageDelivery() { Order No. {orderIDFromSearch} - Order Date: {organizeOrderDate()} - Order Time: {organizeOrderTime()} + Order Date: {organizeOrderDate()[0]} + Order Time: {organizeOrderDate()[1]} {orders.map(product => ( diff --git a/src/app/storefront/StoreFrontNavBar.tsx b/src/app/storefront/StoreFrontNavBar.tsx index 7621b17..d07d421 100644 --- a/src/app/storefront/StoreFrontNavBar.tsx +++ b/src/app/storefront/StoreFrontNavBar.tsx @@ -47,6 +47,8 @@ export default function StoreFrontNavBar(props: { const [buttonDisplay, setButtonDisplay] = useState([]); const [ind, setInd] = useState(0); let newInd = 0; + const reachedSt = true; + const reachedE = false; const [reachedStart, setReachedStart] = useState(false); const [reachedEnd, setReachedEnd] = useState(true);