crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add provider logos

Browse Source
This commit is contained in:
goncy
2021-09-17 15:40:48 -03:00
parent 61d075daf1
commit a1a47c25da
15 changed files with 56 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/common/Navbar/Navbar.module.css
View File

@@ -26,7 +26,7 @@
}
.logo {
@apply cursor-pointer rounded-full border transform duration-100 ease-in-out;
@apply cursor-pointer transform duration-100 ease-in-out flex;
&:hover {
@apply shadow-md;

13
components/ui/Logo/Logo.tsx
View File

@@ -1,4 +1,14 @@
const Logo = ({ className = '', ...props }) => (
import Image from 'next/image'
import { useCommerce } from '@commerce'
const Logo = ({ className = '', ...props }) => {
const { logo } = useCommerce()
if (logo) {
return <Image src={logo} alt="Logo" className={className} {...props} />
}
return (
<svg
width="32"
height="32"
@@ -17,5 +27,6 @@ const Logo = ({ className = '', ...props }) => (
/>
</svg>
)
}
export default Logo

1
framework/bigcommerce/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28.09 28.15"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{clip-path:url(#clip-path-2);}.cls-4{fill:#fff;}.cls-5{clip-path:url(#clip-path-3);}.cls-6{clip-path:url(#clip-path-5);}</style><clipPath id="clip-path" transform="translate(-3.96 -3.93)"><path id="SVGID" class="cls-1" d="M18.31,19.35a.18.18,0,0,0,.17.17h2.91a1.19,1.19,0,0,0,1.35-1.19,1.21,1.21,0,0,0-1.35-1.2H18.6l-.29.3v1.92"/></clipPath><clipPath id="clip-path-2" transform="translate(-3.96 -3.93)"><rect id="SVGID-2" data-name="SVGID" class="cls-1" x="-207.78" y="-331.99" width="306.79" height="397.02"/></clipPath><clipPath id="clip-path-3" transform="translate(-3.96 -3.93)"><path id="SVGID-3" data-name="SVGID" class="cls-1" d="M29.24,6.48,20.73,15h1.2c2.2,0,3.49,1.38,3.49,2.9a2.71,2.71,0,0,1-1.65,2.44.16.16,0,0,0,0,.31,2.83,2.83,0,0,1,1.7,2.64,3,3,0,0,1-3.36,3.09H16a.18.18,0,0,1-.17-.17V19.89L6.52,29.22a.21.21,0,0,0,.14.35H29.38a.16.16,0,0,0,.16-.16V6.6a.18.18,0,0,0-.3-.12"/></clipPath><clipPath id="clip-path-5" transform="translate(-3.96 -3.93)"><path id="SVGID-5" data-name="SVGID" class="cls-1" d="M18.31,21.82a.18.18,0,0,1,.17-.17h3A1.32,1.32,0,0,1,23,23c0,.82-.56,1.29-1.48,1.29h-3a.17.17,0,0,1-.17-.17V21.82"/></clipPath></defs><g class="cls-2"><g class="cls-3"><path class="cls-4" d="M15.8,14.63h9.45V22H15.8Z" transform="translate(-3.96 -3.93)"/></g></g><g class="cls-5"><g class="cls-3"><path class="cls-4" d="M4,3.93H32V32.08H4Z" transform="translate(-3.96 -3.93)"/></g></g><g class="cls-6"><g class="cls-3"><path class="cls-4" d="M15.8,19.14h9.67v7.61H15.8Z" transform="translate(-3.96 -3.93)"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

2
framework/bigcommerce/provider.ts
View File

@@ -15,8 +15,10 @@ import { handler as useLogout } from './auth/use-logout'
import { handler as useSignup } from './auth/use-signup'
import fetcher from './fetcher'
import logo from './assets/logo.svg'
export const bigcommerceProvider = {
logo,
locale: 'en-us',
cartCookie: 'bc_cartId',
fetcher,

8
framework/commerce/index.tsx
View File

@@ -23,6 +23,7 @@ const Commerce = createContext<CommerceContextValue<any> | {}>({})
export type Provider = CommerceConfig & {
fetcher: Fetcher
logo?: StaticImageData
cart?: {
useCart?: SWRHook<Cart.GetCartHook>
useAddItem?: MutationHook<Cart.AddItemHook>
@@ -50,6 +51,7 @@ export type Provider = CommerceConfig & {
export type CommerceConfig = {
locale: string
cartCookie: string
logo?: StaticImageData
}
export type CommerceContextValue<P extends Provider> = {
@@ -79,10 +81,10 @@ export function CoreCommerceProvider<P extends Provider>({
const fetcherRef = useRef(provider.fetcher)
// If the parent re-renders this provider will re-render every
// consumer unless we memoize the config
const { locale, cartCookie } = providerRef.current
const { locale, cartCookie, logo } = providerRef.current
const cfg = useMemo(
() => ({ providerRef, fetcherRef, locale, cartCookie }),
[locale, cartCookie]
() => ({ providerRef, fetcherRef, locale, cartCookie, logo }),
[locale, cartCookie, logo]
)
return <Commerce.Provider value={cfg}>{children}</Commerce.Provider>

1
framework/local/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1295.28 2430.89"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#353240;}.cls-4{clip-path:url(#clip-path);}.cls-5{clip-path:url(#clip-path-2);}.cls-6{clip-path:url(#clip-path-3);}.cls-7{clip-path:url(#clip-path-5);}</style><clipPath id="clip-path" transform="translate(0 0)"><path id="SVGID" class="cls-1" d="M1043.65,2194.07a2.45,2.45,0,0,0,2.47,2.43h41.37c11.82,0,19.21-6.55,19.21-17,0-9.95-7.39-17-19.21-17h-39.62l-4.22,4.22v27.31"/></clipPath><clipPath id="clip-path-2" transform="translate(0 0)"><rect id="SVGID-2" data-name="SVGID" class="cls-1" x="-2171.78" y="-2802.72" width="4363.25" height="5646.55"/></clipPath><clipPath id="clip-path-3" transform="translate(0 0)"><path id="SVGID-3" data-name="SVGID" class="cls-1" d="M1199.18,2011.09l-121,121.13h17c31.28,0,49.69,19.65,49.69,41.23,0,16.9-11.42,29.35-23.48,34.79a2.32,2.32,0,0,0,.1,4.31c14,5.55,24.18,20.31,24.18,37.56,0,24.5-16.26,43.91-47.78,43.91h-86.68a2.45,2.45,0,0,1-2.47-2.43v-89.83L876.05,2334.52a2.88,2.88,0,0,0,2,4.91h323.09a2.2,2.2,0,0,0,2.2-2.22V2012.83a2.45,2.45,0,0,0-4.18-1.74"/></clipPath><clipPath id="clip-path-5" transform="translate(0 0)"><path id="SVGID-5" data-name="SVGID" class="cls-1" d="M1043.65,2229.25a2.45,2.45,0,0,1,2.47-2.43H1089c13.54,0,20.92,8.25,20.92,18.44,0,11.64-7.87,18.43-20.92,18.43h-42.85a2.45,2.45,0,0,1-2.47-2.43v-32"/></clipPath></defs><path class="cls-2" d="M18,0h0A18,18,0,0,1,36,18h0A18,18,0,0,1,18,36h0A18,18,0,0,1,0,18H0A18,18,0,0,1,18,0Z" transform="translate(0 0)"/><path class="cls-1" d="M19.85,11.4l-2-3.5L7.91,25.37h3.93Zm2.51,4.4-2,3.55,1.45,2.53H19l-2,3.49H27.82Z" transform="translate(0 0)"/><path class="cls-3" d="M783.28,1918.89h512v512h-512Z" transform="translate(0 0)"/><g class="cls-4"><g class="cls-5"><path class="cls-2" d="M1008,2126.9h134.34v105.25H1008Z" transform="translate(0 0)"/></g></g><g class="cls-6"><g class="cls-5"><path class="cls-2" d="M839.55,1974.72H1239v400.35H839.55Z" transform="translate(0 0)"/></g></g><g class="cls-7"><g class="cls-5"><path class="cls-2" d="M1008,2191.17h137.53v108.17H1008Z" transform="translate(0 0)"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

3
framework/local/provider.ts
View File

@@ -9,7 +9,10 @@ import { handler as useLogin } from './auth/use-login'
import { handler as useLogout } from './auth/use-logout'
import { handler as useSignup } from './auth/use-signup'
import logo from './assets/logo.svg'
export const localProvider = {
logo,
locale: 'en-us',
cartCookie: 'session',
fetcher: fetcher,

1
framework/saleor/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 96.92 36"><defs><style>.cls-1,.cls-3{fill:#fff;fill-rule:evenodd;}.cls-2{mask:url(#mask);}.cls-3{fill-opacity:0.7;}.cls-4{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.22px;}</style><mask id="mask" x="-2.37" y="1.31" width="104.53" height="34.69" maskUnits="userSpaceOnUse"><g transform="translate(-2.84 0)"><g id="prefix_logo" data-name="prefix logo"><path class="cls-1" d="M.47,1.31H105V36H.47Z"/></g></g></mask></defs><g class="cls-2"><path class="cls-1" d="M17.86,36c6.42,0,8-2.59,8-6.14,0-4.37-3.92-5.18-7.19-5.72-2.49-.42-3.63-.64-3.63-2.16,0-1.14,1-1.57,2.61-1.57,2,0,2.53.57,2.71,2.24l5.21-.78c-.44-3.59-2.46-5.4-7.78-5.4-5.83,0-7.88,2.35-7.88,6.07,0,4.83,4.51,5.33,7.88,5.9,2.09.39,2.9.75,2.9,2.13,0,1.14-.7,1.63-2.79,1.63-2.31,0-3-.39-3.3-2.27l-5.06.75C10.05,34.44,12.28,36,17.86,36Zm16.79-3.9c-2.46,0-3.34-.54-3.34-2.31,0-1.6.88-2.24,3.53-2.24h2.64v1.85C37.48,31.13,36.6,32.06,34.65,32.06ZM32.38,36c2.86,0,4.14-.92,5.06-2.27v2h5.17V22.86c0-4.3-1.65-6.46-7.37-6.46C29.7,16.4,27.76,18,27,21.79l5.14.79c.33-1.64.81-2.13,2.94-2.13s2.38.85,2.38,2.27V24H35c-6.57,0-8.81,2-8.81,6S28.23,36,32.38,36Zm11.55-.24h5.29V8.32l-5.29,5.23ZM55.67,24.14v-1c0-1.67.77-2.81,3.08-2.81s3,1,3,2.81v1ZM58.75,36c6.09,0,7.71-2.84,8.07-5.68l-5-.75c-.22,1.71-.55,2.59-3,2.59s-3.08-1.24-3.08-2.87V27.73H66.82V24.32c0-4.76-1.87-7.92-8.07-7.92s-8.21,3.19-8.21,7.24v5.12c0,3.94,2.12,7.24,8.21,7.24Zm17.87,0c6,0,8.55-3.09,8.55-7.24V23.64c0-4.22-2.5-7.24-8.55-7.24s-8.47,3-8.47,7.24v5.12C68.15,32.91,70.53,36,76.62,36Zm0-4.12c-2.13,0-3.19-1.1-3.19-2.88V23.54c0-1.81,1.06-2.92,3.19-2.92s3.26,1.1,3.26,2.92V29c0,1.78-1.13,2.88-3.26,2.88Zm18-10.06H91.77V35.6H86.49V21.82l5.16-5.24h8.11L94.6,21.82Z" transform="translate(-2.84 0)"/></g><path id="color-dash" class="cls-3" d="M24.33,0,17.38,7.24H34.56L41.51,0Z" transform="translate(-2.84 0)"/><path class="cls-4" d="M10,3,3.45,9.49H26L32.55,3Z" transform="translate(-2.84 0)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

2
framework/saleor/provider.ts
View File

@@ -12,8 +12,10 @@ import { handler as useLogout } from './auth/use-logout'
import { handler as useSignup } from './auth/use-signup'
import fetcher from './fetcher'
import logo from './assets/logo.svg'
export const saleorProvider = {
logo,
locale: 'en-us',
cartCookie: CHECKOUT_ID_COOKIE,
fetcher,

1
framework/shopify/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1293.11 2430.89"><defs><style>.cls-1{fill:none;}.cls-2{fill:#353240;}.cls-3{clip-path:url(#clip-path);}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:#fff;}.cls-6{clip-path:url(#clip-path-3);}.cls-7{clip-path:url(#clip-path-5);}</style><clipPath id="clip-path" transform="translate(-2.17)"><path id="SVGID" class="cls-1" d="M1043.65,2194.07a2.45,2.45,0,0,0,2.47,2.43h41.37c11.82,0,19.21-6.55,19.21-17,0-9.95-7.39-17-19.21-17h-39.62l-4.22,4.22v27.31"/></clipPath><clipPath id="clip-path-2" transform="translate(-2.17)"><rect id="SVGID-2" data-name="SVGID" class="cls-1" x="-2171.78" y="-2802.72" width="4363.25" height="5646.55"/></clipPath><clipPath id="clip-path-3" transform="translate(-2.17)"><path id="SVGID-3" data-name="SVGID" class="cls-1" d="M1199.18,2011.09l-121,121.13h17c31.28,0,49.69,19.65,49.69,41.23,0,16.9-11.42,29.35-23.48,34.79a2.32,2.32,0,0,0,.1,4.31c14,5.55,24.18,20.31,24.18,37.56,0,24.5-16.26,43.91-47.78,43.91h-86.68a2.45,2.45,0,0,1-2.47-2.43v-89.83L876.05,2334.52a2.88,2.88,0,0,0,2,4.91h323.09a2.2,2.2,0,0,0,2.2-2.22V2012.83a2.45,2.45,0,0,0-4.18-1.74"/></clipPath><clipPath id="clip-path-5" transform="translate(-2.17)"><path id="SVGID-5" data-name="SVGID" class="cls-1" d="M1043.65,2229.25a2.45,2.45,0,0,1,2.47-2.43H1089c13.54,0,20.92,8.25,20.92,18.44,0,11.64-7.87,18.43-20.92,18.43h-42.85a2.45,2.45,0,0,1-2.47-2.43v-32"/></clipPath></defs><path class="cls-2" d="M783.28,1918.89h512v512h-512Z" transform="translate(-2.17)"/><g class="cls-3"><g class="cls-4"><path class="cls-5" d="M1008,2126.9h134.34v105.25H1008Z" transform="translate(-2.17)"/></g></g><g class="cls-6"><g class="cls-4"><path class="cls-5" d="M839.55,1974.72H1239v400.35H839.55Z" transform="translate(-2.17)"/></g></g><g class="cls-7"><g class="cls-4"><path class="cls-5" d="M1008,2191.17h137.53v108.17H1008Z" transform="translate(-2.17)"/></g></g><path class="cls-5" d="M23,36l10.83-2.34S29.92,7.21,29.89,7a.34.34,0,0,0-.32-.29l-2.89-.2s-1.91-1.91-2.16-2.12a.67.67,0,0,0-.18-.11L23,36ZM17.56,17a6.34,6.34,0,0,0-2.66-.64c-2.17,0-2.25,1.36-2.25,1.71,0,1.85,4.86,2.58,4.86,7,0,3.44-2.16,5.64-5.11,5.64a7,7,0,0,1-5.31-2.2l1-3.13s1.86,1.6,3.42,1.6a1.42,1.42,0,0,0,1.46-1.4c0-2.43-4-2.54-4-6.54-.05-3.35,2.36-6.62,7.24-6.62a6,6,0,0,1,2.81.54l-1.42,4.07ZM16.75,1.24a1,1,0,0,1,.61.21c-1.47.69-3.09,2.46-3.76,6-1,.32-1.94.6-2.83.86.77-2.68,2.66-7,6-7Zm1.86,4.43v.2L15,7c.69-2.66,2-4,3.12-4.45A8.77,8.77,0,0,1,18.61,5.67Zm.81-3.35c1,.11,1.71,1.3,2.14,2.63l-1.74.55V5.12a8.63,8.63,0,0,0-.4-2.81ZM23.9,4.25l-.11,0s-.44.11-1.07.32C22.08,2.75,21,1,19,1h-.17A2.47,2.47,0,0,0,16.9,0C12.24,0,10,5.82,9.31,8.77c-1.79.55-3.09,1-3.24,1-1,.32-1,.35-1.15,1.31-.12.69-2.75,21.09-2.75,21.09L22.51,36Z" transform="translate(-2.17)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

2
framework/shopify/provider.ts
View File

@@ -13,8 +13,10 @@ import { handler as useLogout } from './auth/use-logout'
import { handler as useSignup } from './auth/use-signup'
import fetcher from './fetcher'
import logo from './assets/logo.svg'
export const shopifyProvider = {
logo,
locale: 'en-us',
cartCookie: SHOPIFY_CHECKOUT_ID_COOKIE,
fetcher,

1
framework/swell/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1293.03 2430.9"><defs><style>.cls-1{fill:none;}.cls-2{fill:#353240;}.cls-3{clip-path:url(#clip-path);}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:#fff;}.cls-6{clip-path:url(#clip-path-3);}.cls-7{clip-path:url(#clip-path-5);}.cls-8{fill:#562b82;}</style><clipPath id="clip-path" transform="translate(-2.25 0)"><path id="SVGID" class="cls-1" d="M1043.65,2194.07a2.45,2.45,0,0,0,2.47,2.43h41.37c11.82,0,19.21-6.55,19.21-17,0-9.95-7.39-17-19.21-17h-39.62l-4.22,4.22v27.31"/></clipPath><clipPath id="clip-path-2" transform="translate(-2.25 0)"><rect id="SVGID-2" data-name="SVGID" class="cls-1" x="-2171.78" y="-2802.72" width="4363.25" height="5646.55"/></clipPath><clipPath id="clip-path-3" transform="translate(-2.25 0)"><path id="SVGID-3" data-name="SVGID" class="cls-1" d="M1199.18,2011.09l-121,121.13h17c31.28,0,49.69,19.65,49.69,41.23,0,16.9-11.42,29.35-23.48,34.79a2.32,2.32,0,0,0,.1,4.31c14,5.55,24.18,20.31,24.18,37.56,0,24.5-16.26,43.91-47.78,43.91h-86.68a2.45,2.45,0,0,1-2.47-2.43v-89.83L876.05,2334.52a2.88,2.88,0,0,0,2,4.91h323.09a2.2,2.2,0,0,0,2.2-2.22V2012.83a2.45,2.45,0,0,0-4.18-1.74"/></clipPath><clipPath id="clip-path-5" transform="translate(-2.25 0)"><path id="SVGID-5" data-name="SVGID" class="cls-1" d="M1043.65,2229.25a2.45,2.45,0,0,1,2.47-2.43H1089c13.54,0,20.92,8.25,20.92,18.44,0,11.64-7.87,18.43-20.92,18.43h-42.85a2.45,2.45,0,0,1-2.47-2.43v-32"/></clipPath></defs><path class="cls-2" d="M783.28,1918.89h512v512h-512Z" transform="translate(-2.25 0)"/><g class="cls-3"><g class="cls-4"><path class="cls-5" d="M1008,2126.9h134.34v105.25H1008Z" transform="translate(-2.25 0)"/></g></g><g class="cls-6"><g class="cls-4"><path class="cls-5" d="M839.55,1974.72H1239v400.35H839.55Z" transform="translate(-2.25 0)"/></g></g><g class="cls-7"><g class="cls-4"><path class="cls-5" d="M1008,2191.17h137.53v108.17H1008Z" transform="translate(-2.25 0)"/></g></g><path class="cls-8" d="M21.46,1.81c6,0,9.72,2.72,9.72,5.25a.9.9,0,0,1-.1.42,1,1,0,0,1-.27.34l-3.92,3.86L24.94,13.6l2.56,1a5.93,5.93,0,0,1,3.3,2.23,5.69,5.69,0,0,1,1.11,3.77,4.73,4.73,0,0,1-.42,2,4.88,4.88,0,0,1-1.17,1.64l-7.18,7.05a12.36,12.36,0,0,1-8.83,2.92c-6.67,0-10.23-2.92-10.23-5a1.17,1.17,0,0,1,.06-.46,1.1,1.1,0,0,1,.24-.4l0,0,0,0L8.6,24.17l.07-.06L8.79,24l1.46-1.75-2.07-1A5.64,5.64,0,0,1,5.47,19a5.53,5.53,0,0,1-.83-3.41A5.47,5.47,0,0,1,6.4,11.6l7.16-7a11.15,11.15,0,0,1,7.9-2.75Zm0-1.8a13.24,13.24,0,0,0-4.95.74,12.76,12.76,0,0,0-4.27,2.57l-7.13,7a7.16,7.16,0,0,0-1.7,2.38,7.09,7.09,0,0,0-.6,2.84,7.27,7.27,0,0,0,1.1,4.35,7.4,7.4,0,0,0,3.46,2.93L3.16,27a2.79,2.79,0,0,0-.7,1,2.9,2.9,0,0,0-.21,1.2C2.25,32.51,6.76,36,14.31,36A14,14,0,0,0,24.47,32.5l7.14-7a6.69,6.69,0,0,0,1.57-2.23,6.53,6.53,0,0,0,.56-2.65,7.47,7.47,0,0,0-1.42-4.78A7.73,7.73,0,0,0,28.19,13l3.92-3.86a2.63,2.63,0,0,0,.67-.92A2.51,2.51,0,0,0,33,7.06C33,3.6,28.69,0,21.46,0Z" transform="translate(-2.25 0)"/><path class="cls-5" d="M21.46,1.81c6,0,9.72,2.72,9.72,5.25a.9.9,0,0,1-.1.42,1,1,0,0,1-.27.34l-3.92,3.86L24.94,13.6l2.56,1a5.93,5.93,0,0,1,3.3,2.23,5.69,5.69,0,0,1,1.11,3.77,4.73,4.73,0,0,1-.42,2,4.88,4.88,0,0,1-1.17,1.64l-7.18,7.05a12.36,12.36,0,0,1-8.83,2.92c-6.67,0-10.23-2.92-10.23-5a1.17,1.17,0,0,1,.06-.46,1.1,1.1,0,0,1,.24-.4l0,0,0,0L8.6,24.17l.07-.06L8.79,24l1.46-1.75-2.07-1A5.64,5.64,0,0,1,5.47,19a5.53,5.53,0,0,1-.83-3.41A5.47,5.47,0,0,1,6.4,11.6l7.16-7a11.15,11.15,0,0,1,7.9-2.75Zm0-1.8a13.24,13.24,0,0,0-4.95.74,12.76,12.76,0,0,0-4.27,2.57l-7.13,7a7.16,7.16,0,0,0-1.7,2.38,7.09,7.09,0,0,0-.6,2.84,7.27,7.27,0,0,0,1.1,4.35,7.4,7.4,0,0,0,3.46,2.93L3.16,27a2.79,2.79,0,0,0-.7,1,2.9,2.9,0,0,0-.21,1.2C2.25,32.51,6.76,36,14.31,36A14,14,0,0,0,24.47,32.5l7.14-7a6.69,6.69,0,0,0,1.57-2.23,6.53,6.53,0,0,0,.56-2.65,7.47,7.47,0,0,0-1.42-4.78A7.73,7.73,0,0,0,28.19,13l3.92-3.86a2.63,2.63,0,0,0,.67-.92A2.51,2.51,0,0,0,33,7.06C33,3.6,28.69,0,21.46,0Z" transform="translate(-2.25 0)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

2
framework/swell/provider.ts
View File

@@ -15,8 +15,10 @@ import { handler as useSignup } from './auth/use-signup'
import fetcher from './fetcher'
import swell from './swell'
import logo from './assets/logo.svg'
export const swellProvider: Provider & { swell: any } = {
logo,
locale: 'en-us',
cartCookie: SWELL_CHECKOUT_ID_COOKIE,
swell,

1
framework/vendure/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1295.28 2426.62"><defs><style>.cls-1{fill:none;}.cls-2{fill:#353240;}.cls-3{clip-path:url(#clip-path);}.cls-4{clip-path:url(#clip-path-2);}.cls-5,.cls-8{fill:#fff;}.cls-6{clip-path:url(#clip-path-3);}.cls-7{clip-path:url(#clip-path-5);}.cls-8{opacity:0.9;}</style><clipPath id="clip-path" transform="translate(0 -4.28)"><path id="SVGID" class="cls-1" d="M1043.65,2194.07a2.45,2.45,0,0,0,2.47,2.43h41.37c11.82,0,19.21-6.55,19.21-17,0-9.95-7.39-17-19.21-17h-39.62l-4.22,4.22v27.31"/></clipPath><clipPath id="clip-path-2" transform="translate(0 -4.28)"><rect id="SVGID-2" data-name="SVGID" class="cls-1" x="-2171.78" y="-2802.72" width="4363.25" height="5646.55"/></clipPath><clipPath id="clip-path-3" transform="translate(0 -4.28)"><path id="SVGID-3" data-name="SVGID" class="cls-1" d="M1199.18,2011.09l-121,121.13h17c31.28,0,49.69,19.65,49.69,41.23,0,16.9-11.42,29.35-23.48,34.79a2.32,2.32,0,0,0,.1,4.31c14,5.55,24.18,20.31,24.18,37.56,0,24.5-16.26,43.91-47.78,43.91h-86.68a2.45,2.45,0,0,1-2.47-2.43v-89.83L876.05,2334.52a2.88,2.88,0,0,0,2,4.91h323.09a2.2,2.2,0,0,0,2.2-2.22V2012.83a2.45,2.45,0,0,0-4.18-1.74"/></clipPath><clipPath id="clip-path-5" transform="translate(0 -4.28)"><path id="SVGID-5" data-name="SVGID" class="cls-1" d="M1043.65,2229.25a2.45,2.45,0,0,1,2.47-2.43H1089c13.54,0,20.92,8.25,20.92,18.44,0,11.64-7.87,18.43-20.92,18.43h-42.85a2.45,2.45,0,0,1-2.47-2.43v-32"/></clipPath></defs><path class="cls-2" d="M783.28,1918.89h512v512h-512Z" transform="translate(0 -4.28)"/><g class="cls-3"><g class="cls-4"><path class="cls-5" d="M1008,2126.9h134.34v105.25H1008Z" transform="translate(0 -4.28)"/></g></g><g class="cls-6"><g class="cls-4"><path class="cls-5" d="M839.55,1974.72H1239v400.35H839.55Z" transform="translate(0 -4.28)"/></g></g><g class="cls-7"><g class="cls-4"><path class="cls-5" d="M1008,2191.17h137.53v108.17H1008Z" transform="translate(0 -4.28)"/></g></g><path class="cls-8" d="M17.88,32.4c-1.83-1.34-3.37-3-5.09-4.5C11.33,26.63,9.93,25.27,8.5,24v-9.5l9.32-5.21A20.42,20.42,0,0,1,21,10.9c1.76.92,3.49,1.89,5.21,2.87.44.25,1.05.34,1.15,1-.12,0-.27,0-.36.07l-9.12,6.75Z" transform="translate(0 -4.28)"/><path class="cls-8" d="M0,16.23V8.09L9,4.28,16,8.11l-9.48,5v9Z" transform="translate(0 -4.28)"/><path class="cls-5" d="M17.88,32.4V21.59L27,14.84c.09-.07.24-.05.36-.07V24c-3,2.76-6,5.52-9,8.27A1,1,0,0,1,17.88,32.4Z" transform="translate(0 -4.28)"/><path class="cls-8" d="M29.3,13,19.87,8.12l6.92-3.84C29.71,5.51,32.6,6.72,35.48,8c.14.06.23.23.34.34Z" transform="translate(0 -4.28)"/><path class="cls-5" d="M29.3,13l6.52-4.75c.37,2.59,0,5.19.18,7.79l-6.7,6.13Z" transform="translate(0 -4.28)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

3
framework/vendure/provider.ts
View File

@@ -7,9 +7,12 @@ import { handler as useSearch } from './product/use-search'
import { handler as useLogin } from './auth/use-login'
import { handler as useLogout } from './auth/use-logout'
import { handler as useSignup } from './auth/use-signup'
import { fetcher } from './fetcher'
import logo from './assets/logo.svg'
export const vendureProvider = {
logo,
locale: 'en-us',
cartCookie: 'session',
fetcher,