From 00b3663a6d01e8dc260bd5a6d77ca5a5e0c0872a Mon Sep 17 00:00:00 2001 From: Guillaume Bibeau-Laviolette Date: Mon, 6 Jun 2022 14:24:32 -0400 Subject: [PATCH] big commerce logo --- packages/bigcommerce/src/brand/index.ts | 6 ++++++ packages/bigcommerce/src/brand/logo.tsx | 15 +++++++++++++++ packages/bigcommerce/src/provider.ts | 3 +++ packages/shopify/src/brand/logo.tsx | 3 ++- 4 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 packages/bigcommerce/src/brand/index.ts create mode 100644 packages/bigcommerce/src/brand/logo.tsx diff --git a/packages/bigcommerce/src/brand/index.ts b/packages/bigcommerce/src/brand/index.ts new file mode 100644 index 000000000..c61676669 --- /dev/null +++ b/packages/bigcommerce/src/brand/index.ts @@ -0,0 +1,6 @@ +import type { Brand } from '@vercel/commerce/types' +import { Logo } from './logo' + +export const brand: Brand.Config = { + Logo, +} diff --git a/packages/bigcommerce/src/brand/logo.tsx b/packages/bigcommerce/src/brand/logo.tsx new file mode 100644 index 000000000..72cf4b83c --- /dev/null +++ b/packages/bigcommerce/src/brand/logo.tsx @@ -0,0 +1,15 @@ +export const Logo = ({ className = '', ...props }) => { + return ( + + + + ) +} diff --git a/packages/bigcommerce/src/provider.ts b/packages/bigcommerce/src/provider.ts index 196855438..0e040611a 100644 --- a/packages/bigcommerce/src/provider.ts +++ b/packages/bigcommerce/src/provider.ts @@ -1,3 +1,5 @@ +import { brand } from './brand' + import { handler as useCart } from './cart/use-cart' import { handler as useAddItem } from './cart/use-add-item' import { handler as useUpdateItem } from './cart/use-update-item' @@ -18,6 +20,7 @@ import fetcher from './fetcher' export const bigcommerceProvider = { locale: 'en-us', + brand, cartCookie: 'bc_cartId', fetcher, cart: { useCart, useAddItem, useUpdateItem, useRemoveItem }, diff --git a/packages/shopify/src/brand/logo.tsx b/packages/shopify/src/brand/logo.tsx index a3715daed..2c6f65385 100644 --- a/packages/shopify/src/brand/logo.tsx +++ b/packages/shopify/src/brand/logo.tsx @@ -4,9 +4,10 @@ export const Logo = ({ className = '', ...props }) => ( width={32} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89 101" + {...props} >