Renaming to common

docs/ROADMAP.md

@@ -0,0 +1 @@
+# Roadmap

hooks/index.ts

@@ -0,0 +1 @@
+export { default as useCart } from './useCart'

pages/cart.tsx

@@ -45,7 +45,7 @@ export default function Cart() {
       <div className="lg:col-span-8">
         {isEmpty ? (
           <div className="flex-1 px-12 py-24 flex flex-col justify-center items-center ">
-            <span className="border border-dashed border-secondary rounded-full flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
+            <span className="border border-dashed border-secondary flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
               <Bag className="absolute" />
             </span>
             <h2 className="pt-6 text-2xl font-bold tracking-wide text-center">

pages/index.tsx

@@ -1,15 +1,16 @@
 import { useMemo } from 'react'
 import type { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
-import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
-import getAllProducts from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products'
-import getSiteInfo from '@bigcommerce/storefront-data-hooks/api/operations/get-site-info'
-import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
 import rangeMap from '@lib/range-map'
 import { Layout } from '@components/core'
 import { Grid, Marquee, Hero } from '@components/ui'
 import { ProductCard } from '@components/product'
 import HomeAllProductsGrid from '@components/core/HomeAllProductsGrid'
 
+import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
+import getAllProducts from '@bigcommerce/storefront-data-hooks/api/operations/get-all-products'
+import getSiteInfo from '@bigcommerce/storefront-data-hooks/api/operations/get-site-info'
+import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
+
 export async function getStaticProps({
   preview,
   locale,

pages/product/[slug].tsx

@@ -4,11 +4,14 @@ import type {
   InferGetStaticPropsType,
 } from 'next'
 import { useRouter } from 'next/router'
-import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
-import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
-import getProduct from '@bigcommerce/storefront-data-hooks/api/operations/get-product'
 import { Layout } from '@components/core'
 import { ProductView } from '@components/product'
+
+// Data
+
+import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
+import getProduct from '@bigcommerce/storefront-data-hooks/api/operations/get-product'
+import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
 import getAllProductPaths from '@bigcommerce/storefront-data-hooks/api/operations/get-all-product-paths'
 
 export async function getStaticProps({