cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Add /checkout

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-14 19:23:42 -05:00
parent b86ab71cef
commit ddf3a2a8b4
5 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cart/CartSidebarView/CartSidebarView.tsx
View File

@ -129,7 +129,7 @@ const CartSidebarView: FC = () => {
<span>{total}</span>
</div>
</div>
<Button width="100%" onClick={() => openCheckout()}>
<Button href="/checkout" Component="a" width="100%">
Proceed to Checkout
</Button>
</div>

3
components/product/ProductView/ProductView.tsx
View File

@ -1,10 +1,9 @@
import cn from 'classnames'
import { NextSeo } from 'next-seo'
import { FC, useState } from 'react'
import s from './ProductView.module.css'
import { Colors } from '@components/ui/types'
import { useUI } from '@components/ui/context'
import { Button, Container, LoadingDots } from '@components/ui'
import { Button, Container } from '@components/ui'
import { Swatch, ProductSlider } from '@components/product'
import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import type { Product } from '@lib/bigcommerce/api/operations/get-product'

3
components/ui/Button/Button.tsx
View File

@ -9,6 +9,7 @@ import mergeRefs from 'react-merge-refs'
import { useButton } from 'react-aria'
import s from './Button.module.css'
import { LoadingDots } from '@components/ui'
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
href?: string
className?: string
@ -25,7 +26,6 @@ const Button: React.FC<ButtonProps> = forwardRef((props, buttonRef) => {
className,
variant = 'filled',
children,
href,
active,
onClick,
disabled,
@ -57,7 +57,6 @@ const Button: React.FC<ButtonProps> = forwardRef((props, buttonRef) => {
return (
<Component
className={rootClassName}
href={href}
aria-pressed={active}
data-variant={variant}
ref={mergeRefs([ref, buttonRef])}

10
lib/bigcommerce/api/checkout.ts
View File

@ -5,6 +5,7 @@ import createApiHandler, {
import { BigcommerceApiError } from './utils/errors'
const METHODS = ['GET']
const fullCheckout = true
// TODO: a complete implementation should have schema validation for `req.body`
const checkoutApi: BigcommerceApiHandler<any> = async (req, res, config) => {
@ -24,6 +25,13 @@ const checkoutApi: BigcommerceApiHandler<any> = async (req, res, config) => {
method: 'POST',
}
)
if (fullCheckout) {
res.redirect(data.checkout_url)
return
}
// TODO: make the embedded checkout work too!
const html = `
<!DOCTYPE html>
<html lang="en">
@ -48,7 +56,7 @@ const checkoutApi: BigcommerceApiHandler<any> = async (req, res, config) => {
<div id="checkout"></div>
</body>
</html>
`
`
res.status(200)
res.setHeader('Content-Type', 'text/html')

4
next.config.js
View File

@ -14,6 +14,10 @@ module.exports = {
source: '/search/:category',
destination: '/search',
},
{
source: '/checkout',
destination: '/api/bigcommerce/checkout',
},
]
},
}