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

Apply prettier over all files

Browse Source
This commit is contained in:
Luis Alvarez
2020-10-01 20:40:40 -05:00
parent 2314ad760a
commit 0ef6449aff
72 changed files with 648 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/_app.tsx
View File

@@ -1,6 +1,6 @@
import "@assets/global.css";
import React from "react";
import { UIProvider } from "@components/ui/context";
import '@assets/global.css'
import React from 'react'
import { UIProvider } from '@components/ui/context'
export default function MyApp({ Component, pageProps }) {
return (
@@ -9,5 +9,5 @@ export default function MyApp({ Component, pageProps }) {
<Component {...pageProps} />
</UIProvider>
</>
);
)
}

4
pages/_document.tsx
View File

@@ -1,4 +1,4 @@
import Document_, { Html, Head, Main, NextScript } from "next/document";
import Document_, { Html, Head, Main, NextScript } from 'next/document'
export default class Document extends Document_ {
render() {
@@ -13,6 +13,6 @@ export default class Document extends Document_ {
*/}
</body>
</Html>
);
)
}
}

16
pages/index.tsx
View File

@@ -1,22 +1,22 @@
import { GetStaticPropsContext, InferGetStaticPropsType } from "next";
import getAllProducts from "lib/bigcommerce/api/operations/get-all-products";
import { Layout } from "@components/core";
import { ProductGrid } from "@components/product";
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import getAllProducts from 'lib/bigcommerce/api/operations/get-all-products'
import { Layout } from '@components/core'
import { ProductGrid } from '@components/product'
export async function getStaticProps({ preview }: GetStaticPropsContext) {
const { products } = await getAllProducts();
const { products } = await getAllProducts()
return {
props: { products },
};
}
}
export default function Home({
products,
}: InferGetStaticPropsType<typeof getStaticProps>) {
console.log("PRODUCTS", products);
console.log('PRODUCTS', products)
return (
<Layout>
<ProductGrid products={products} />
</Layout>
);
)
}

28
pages/product/[slug].tsx
View File

@@ -1,14 +1,14 @@
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next';
import { useRouter } from 'next/router';
import getProduct from 'lib/bigcommerce/api/operations/get-product';
import { Layout } from '@components/core';
import { ProductView } from '@components/product';
import getAllProductPaths from '@lib/bigcommerce/api/operations/get-all-product-paths';
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import { useRouter } from 'next/router'
import getProduct from 'lib/bigcommerce/api/operations/get-product'
import { Layout } from '@components/core'
import { ProductView } from '@components/product'
import getAllProductPaths from '@lib/bigcommerce/api/operations/get-all-product-paths'
export async function getStaticProps({
params,
}: GetStaticPropsContext<{ slug: string }>) {
const { product } = await getProduct({ variables: { slug: params!.slug } });
const { product } = await getProduct({ variables: { slug: params!.slug } })
const productData = {
title: 'T-Shirt',
description: `
@@ -22,34 +22,34 @@ export async function getStaticProps({
price: '$50',
colors: ['black', 'white', 'pink'],
sizes: ['s', 'm', 'l', 'xl', 'xxl'],
};
}
return {
props: {
product,
productData,
},
revalidate: 200,
};
}
}
export async function getStaticPaths() {
const { products } = await getAllProductPaths();
const { products } = await getAllProductPaths()
return {
paths: products.map((product) => ({
params: { slug: product!.node.path },
})),
fallback: 'unstable_blocking',
};
}
}
export default function Home({
product,
productData,
}: InferGetStaticPropsType<typeof getStaticProps>) {
console.log('PRODUCT', product);
console.log('PRODUCT', product)
const router = useRouter();
const router = useRouter()
return (
<Layout>
@@ -59,5 +59,5 @@ export default function Home({
<ProductView productData={productData} />
)}
</Layout>
);
)
}