forked from crowetic/commerce
Merge pull request #16 from okbel/storefront-data-hooks-imports
Import from @bigcommerce/storefront-data-hooks
This commit is contained in:
commit
db3b64586e
@ -1,6 +1,6 @@
|
|||||||
import { FC, useEffect, useState, useCallback } from 'react'
|
import { FC, useEffect, useState, useCallback } from 'react'
|
||||||
import { Logo, Modal, Button, Input } from '@components/ui'
|
import { Logo, Modal, Button, Input } from '@components/ui'
|
||||||
import useLogin from '@bigcommerce/storefront-data-hooks/dist/use-login'
|
import useLogin from '@bigcommerce/storefront-data-hooks/use-login'
|
||||||
import { useUI } from '@components/ui/context'
|
import { useUI } from '@components/ui/context'
|
||||||
import { validate } from 'email-validator'
|
import { validate } from 'email-validator'
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ import { validate } from 'email-validator'
|
|||||||
import { Info } from '@components/icons'
|
import { Info } from '@components/icons'
|
||||||
import { useUI } from '@components/ui/context'
|
import { useUI } from '@components/ui/context'
|
||||||
import { Logo, Button, Input } from '@components/ui'
|
import { Logo, Button, Input } from '@components/ui'
|
||||||
import useSignup from '@bigcommerce/storefront-data-hooks/dist/use-signup'
|
import useSignup from '@bigcommerce/storefront-data-hooks/use-signup'
|
||||||
|
|
||||||
interface Props {}
|
interface Props {}
|
||||||
|
|
||||||
|
@ -3,9 +3,9 @@ import Image from 'next/image'
|
|||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import { ChangeEvent, useEffect, useState } from 'react'
|
import { ChangeEvent, useEffect, useState } from 'react'
|
||||||
import { Trash, Plus, Minus } from '@components/icons'
|
import { Trash, Plus, Minus } from '@components/icons'
|
||||||
import usePrice from '@bigcommerce/storefront-data-hooks/dist/use-price'
|
import usePrice from '@bigcommerce/storefront-data-hooks/use-price'
|
||||||
import useUpdateItem from '@bigcommerce/storefront-data-hooks/dist/cart/use-update-item'
|
import useUpdateItem from '@bigcommerce/storefront-data-hooks/cart/use-update-item'
|
||||||
import useRemoveItem from '@bigcommerce/storefront-data-hooks/dist/cart/use-remove-item'
|
import useRemoveItem from '@bigcommerce/storefront-data-hooks/cart/use-remove-item'
|
||||||
|
|
||||||
const CartItem = ({
|
const CartItem = ({
|
||||||
item,
|
item,
|
||||||
|
@ -4,8 +4,8 @@ import { UserNav } from '@components/core'
|
|||||||
import { Button } from '@components/ui'
|
import { Button } from '@components/ui'
|
||||||
import { Bag, Cross, Check } from '@components/icons'
|
import { Bag, Cross, Check } from '@components/icons'
|
||||||
import { useUI } from '@components/ui/context'
|
import { useUI } from '@components/ui/context'
|
||||||
import useCart from '@bigcommerce/storefront-data-hooks/dist/cart/use-cart'
|
import useCart from '@bigcommerce/storefront-data-hooks/cart/use-cart'
|
||||||
import usePrice from '@bigcommerce/storefront-data-hooks/dist/use-price'
|
import usePrice from '@bigcommerce/storefront-data-hooks/use-price'
|
||||||
import CartItem from '../CartItem'
|
import CartItem from '../CartItem'
|
||||||
import s from './CartSidebarView.module.css'
|
import s from './CartSidebarView.module.css'
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@ import { FC } from 'react'
|
|||||||
import cn from 'classnames'
|
import cn from 'classnames'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import type { Page } from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import type { Page } from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import getSlug from '@utils/get-slug'
|
import getSlug from '@utils/get-slug'
|
||||||
import { Github } from '@components/icons'
|
import { Github } from '@components/icons'
|
||||||
import { Logo, Container } from '@components/ui'
|
import { Logo, Container } from '@components/ui'
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import { FC, useCallback, useEffect, useState } from 'react'
|
import { FC, useCallback, useEffect, useState } from 'react'
|
||||||
import cn from 'classnames'
|
import cn from 'classnames'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import type { Page } from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import type { Page } from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import { CommerceProvider } from '@bigcommerce/storefront-data-hooks/dist'
|
import { CommerceProvider } from '@bigcommerce/storefront-data-hooks'
|
||||||
import { CartSidebarView } from '@components/cart'
|
import { CartSidebarView } from '@components/cart'
|
||||||
import { Container, Sidebar, Button, Modal, Toast } from '@components/ui'
|
import { Container, Sidebar, Button, Modal, Toast } from '@components/ui'
|
||||||
import { Navbar, Featurebar, Footer } from '@components/core'
|
import { Navbar, Featurebar, Footer } from '@components/core'
|
||||||
|
@ -6,7 +6,7 @@ import s from './DropdownMenu.module.css'
|
|||||||
import { Moon, Sun } from '@components/icons'
|
import { Moon, Sun } from '@components/icons'
|
||||||
import { useUI } from '@components/ui/context'
|
import { useUI } from '@components/ui/context'
|
||||||
import { Menu, Transition } from '@headlessui/react'
|
import { Menu, Transition } from '@headlessui/react'
|
||||||
import useLogout from '@bigcommerce/storefront-data-hooks/dist/use-logout'
|
import useLogout from '@bigcommerce/storefront-data-hooks/use-logout'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
|
|
||||||
interface DropdownMenuProps {
|
interface DropdownMenuProps {
|
||||||
|
@ -7,8 +7,8 @@ import { Avatar } from '@components/core'
|
|||||||
import { useUI } from '@components/ui/context'
|
import { useUI } from '@components/ui/context'
|
||||||
import DropdownMenu from './DropdownMenu'
|
import DropdownMenu from './DropdownMenu'
|
||||||
import { Menu } from '@headlessui/react'
|
import { Menu } from '@headlessui/react'
|
||||||
import useCart from '@bigcommerce/storefront-data-hooks/dist/cart/use-cart'
|
import useCart from '@bigcommerce/storefront-data-hooks/cart/use-cart'
|
||||||
import useCustomer from '@bigcommerce/storefront-data-hooks/dist/use-customer'
|
import useCustomer from '@bigcommerce/storefront-data-hooks/use-customer'
|
||||||
interface Props {
|
interface Props {
|
||||||
className?: string
|
className?: string
|
||||||
}
|
}
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import type { FC } from 'react'
|
import type { FC } from 'react'
|
||||||
import cn from 'classnames'
|
import cn from 'classnames'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-products'
|
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products'
|
||||||
import usePrice from '@bigcommerce/storefront-data-hooks/dist/use-price'
|
import usePrice from '@bigcommerce/storefront-data-hooks/use-price'
|
||||||
import { EnhancedImage } from '@components/core'
|
import { EnhancedImage } from '@components/core'
|
||||||
import s from './ProductCard.module.css'
|
import s from './ProductCard.module.css'
|
||||||
import WishlistButton from '@components/wishlist/WishlistButton'
|
import WishlistButton from '@components/wishlist/WishlistButton'
|
||||||
|
@ -10,8 +10,8 @@ import { Swatch, ProductSlider } from '@components/product'
|
|||||||
import { Button, Container } from '@components/ui'
|
import { Button, Container } from '@components/ui'
|
||||||
import { HTMLContent } from '@components/core'
|
import { HTMLContent } from '@components/core'
|
||||||
|
|
||||||
import useAddItem from '@bigcommerce/storefront-data-hooks/dist/cart/use-add-item'
|
import useAddItem from '@bigcommerce/storefront-data-hooks/cart/use-add-item'
|
||||||
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-product'
|
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-product'
|
||||||
import { getProductOptions } from '../helpers'
|
import { getProductOptions } from '../helpers'
|
||||||
import WishlistButton from '@components/wishlist/WishlistButton'
|
import WishlistButton from '@components/wishlist/WishlistButton'
|
||||||
|
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-product'
|
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-product'
|
||||||
|
|
||||||
export function getProductOptions(product: ProductNode) {
|
export function getProductOptions(product: ProductNode) {
|
||||||
const options = product.productOptions.edges?.map(({ node }: any) => ({
|
const options = product.productOptions.edges?.map(({ node }: any) => ({
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
import React, { FC, useState } from 'react'
|
import React, { FC, useState } from 'react'
|
||||||
import cn from 'classnames'
|
import cn from 'classnames'
|
||||||
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-products'
|
import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products'
|
||||||
import useAddItem from '@bigcommerce/storefront-data-hooks/dist/wishlist/use-add-item'
|
import useAddItem from '@bigcommerce/storefront-data-hooks/wishlist/use-add-item'
|
||||||
import useRemoveItem from '@bigcommerce/storefront-data-hooks/dist/wishlist/use-remove-item'
|
import useRemoveItem from '@bigcommerce/storefront-data-hooks/wishlist/use-remove-item'
|
||||||
import useWishlist from '@bigcommerce/storefront-data-hooks/dist/wishlist/use-wishlist'
|
import useWishlist from '@bigcommerce/storefront-data-hooks/wishlist/use-wishlist'
|
||||||
import useCustomer from '@bigcommerce/storefront-data-hooks/dist/use-customer'
|
import useCustomer from '@bigcommerce/storefront-data-hooks/use-customer'
|
||||||
import { Heart } from '@components/icons'
|
import { Heart } from '@components/icons'
|
||||||
import { useUI } from '@components/ui/context'
|
import { useUI } from '@components/ui/context'
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||||
import getSlug from '@utils/get-slug'
|
import getSlug from '@utils/get-slug'
|
||||||
import getPage from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-page'
|
import getPage from '@bigcommerce/storefront-data-hooks/api/operations/get-page'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import { Layout, HTMLContent } from '@components/core'
|
import { Layout, HTMLContent } from '@components/core'
|
||||||
|
|
||||||
export async function getStaticProps({
|
export async function getStaticProps({
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import cartApi from '@bigcommerce/storefront-data-hooks/dist/api/cart'
|
import cartApi from '@bigcommerce/storefront-data-hooks/api/cart'
|
||||||
|
|
||||||
export default cartApi()
|
export default cartApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import catalogProductsApi from '@bigcommerce/storefront-data-hooks/dist/api/catalog/products'
|
import catalogProductsApi from '@bigcommerce/storefront-data-hooks/api/catalog/products'
|
||||||
|
|
||||||
export default catalogProductsApi()
|
export default catalogProductsApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import checkoutApi from '@bigcommerce/storefront-data-hooks/dist/api/checkout'
|
import checkoutApi from '@bigcommerce/storefront-data-hooks/api/checkout'
|
||||||
|
|
||||||
export default checkoutApi()
|
export default checkoutApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import customersApi from '@bigcommerce/storefront-data-hooks/dist/api/customers'
|
import customersApi from '@bigcommerce/storefront-data-hooks/api/customers'
|
||||||
|
|
||||||
export default customersApi()
|
export default customersApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import loginApi from '@bigcommerce/storefront-data-hooks/dist/api/customers/login'
|
import loginApi from '@bigcommerce/storefront-data-hooks/api/customers/login'
|
||||||
|
|
||||||
export default loginApi()
|
export default loginApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import logoutApi from '@bigcommerce/storefront-data-hooks/dist/api/customers/logout'
|
import logoutApi from '@bigcommerce/storefront-data-hooks/api/customers/logout'
|
||||||
|
|
||||||
export default logoutApi()
|
export default logoutApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import signupApi from '@bigcommerce/storefront-data-hooks/dist/api/customers/signup'
|
import signupApi from '@bigcommerce/storefront-data-hooks/api/customers/signup'
|
||||||
|
|
||||||
export default signupApi()
|
export default signupApi()
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
import wishlistApi from '@bigcommerce/storefront-data-hooks/dist/api/wishlist'
|
import wishlistApi from '@bigcommerce/storefront-data-hooks/api/wishlist'
|
||||||
|
|
||||||
export default wishlistApi()
|
export default wishlistApi()
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { Container } from '@components/ui'
|
import { Container } from '@components/ui'
|
||||||
|
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { Button } from '@components/ui'
|
import { Button } from '@components/ui'
|
||||||
import { Bag, Cross, Check } from '@components/icons'
|
import { Bag, Cross, Check } from '@components/icons'
|
||||||
import useCart from '@bigcommerce/storefront-data-hooks/dist/cart/use-cart'
|
import useCart from '@bigcommerce/storefront-data-hooks/cart/use-cart'
|
||||||
import usePrice from '@bigcommerce/storefront-data-hooks/dist/use-price'
|
import usePrice from '@bigcommerce/storefront-data-hooks/use-price'
|
||||||
import { CartItem } from '@components/cart'
|
import { CartItem } from '@components/cart'
|
||||||
import { Text } from '@components/ui'
|
import { Text } from '@components/ui'
|
||||||
|
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
import { useMemo } from 'react'
|
import { useMemo } from 'react'
|
||||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||||
import { getConfig } from '@bigcommerce/storefront-data-hooks/dist/api'
|
import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
|
||||||
import getAllProducts from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-products'
|
import getAllProducts from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products'
|
||||||
import getSiteInfo from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-site-info'
|
import getSiteInfo from '@bigcommerce/storefront-data-hooks/api/operations/get-site-info'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import rangeMap from '@lib/range-map'
|
import rangeMap from '@lib/range-map'
|
||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { Grid, Marquee, Hero } from '@components/ui'
|
import { Grid, Marquee, Hero } from '@components/ui'
|
||||||
|
@ -4,12 +4,12 @@ import {
|
|||||||
InferGetStaticPropsType,
|
InferGetStaticPropsType,
|
||||||
} from 'next'
|
} from 'next'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import { getConfig } from '@bigcommerce/storefront-data-hooks/dist/api'
|
import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import getProduct from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-product'
|
import getProduct from '@bigcommerce/storefront-data-hooks/api/operations/get-product'
|
||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { ProductView } from '@components/product'
|
import { ProductView } from '@components/product'
|
||||||
import getAllProductPaths from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-product-paths'
|
import getAllProductPaths from '@bigcommerce/storefront-data-hooks/api/operations/get-all-product-paths'
|
||||||
|
|
||||||
export async function getStaticProps({
|
export async function getStaticProps({
|
||||||
params,
|
params,
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { Container, Text } from '@components/ui'
|
import { Container, Text } from '@components/ui'
|
||||||
import useCustomer from '@bigcommerce/storefront-data-hooks/dist/use-customer'
|
import useCustomer from '@bigcommerce/storefront-data-hooks/use-customer'
|
||||||
export default function Profile() {
|
export default function Profile() {
|
||||||
const { data } = useCustomer()
|
const { data } = useCustomer()
|
||||||
|
|
||||||
|
@ -5,9 +5,9 @@ import { useRouter } from 'next/router'
|
|||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { ProductCard } from '@components/product'
|
import { ProductCard } from '@components/product'
|
||||||
import { Container, Grid, Skeleton } from '@components/ui'
|
import { Container, Grid, Skeleton } from '@components/ui'
|
||||||
import useSearch from '@bigcommerce/storefront-data-hooks/dist/products/use-search'
|
import useSearch from '@bigcommerce/storefront-data-hooks/products/use-search'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import getSiteInfo from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-site-info'
|
import getSiteInfo from '@bigcommerce/storefront-data-hooks/api/operations/get-site-info'
|
||||||
import rangeMap from '@lib/range-map'
|
import rangeMap from '@lib/range-map'
|
||||||
import getSlug from '@utils/get-slug'
|
import getSlug from '@utils/get-slug'
|
||||||
import {
|
import {
|
||||||
|
@ -1,11 +1,11 @@
|
|||||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||||
import getAllPages from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-all-pages'
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { Container, Text } from '@components/ui'
|
import { Container, Text } from '@components/ui'
|
||||||
import { WishlistCard } from '@components/wishlist'
|
import { WishlistCard } from '@components/wishlist'
|
||||||
|
|
||||||
import getSiteInfo from '@bigcommerce/storefront-data-hooks/dist/api/operations/get-site-info'
|
import getSiteInfo from '@bigcommerce/storefront-data-hooks/api/operations/get-site-info'
|
||||||
import useWishlist from '@bigcommerce/storefront-data-hooks/dist/wishlist/use-wishlist'
|
import useWishlist from '@bigcommerce/storefront-data-hooks/wishlist/use-wishlist'
|
||||||
|
|
||||||
export async function getStaticProps({ preview }: GetStaticPropsContext) {
|
export async function getStaticProps({ preview }: GetStaticPropsContext) {
|
||||||
const { pages } = await getAllPages()
|
const { pages } = await getAllPages()
|
||||||
|
Loading…
x
Reference in New Issue
Block a user