chore: move casing

starters/shopify-algolia/components/Icons.stories.tsx

@@ -0,0 +1,35 @@
+import type { Meta } from "@storybook/react"
+import { ArrowIcon } from "./ArrowIcon"
+import { CaretSortIcon } from "./CaretSortIcon"
+import { CheckIcon } from "./CheckIcon"
+import { ChevronIcon } from "./ChevronIcon"
+import { CloseIcon } from "./CloseIcon"
+import { FavoritesIcon } from "./FavoritesIcon"
+import { FiltersIcon } from "./FiltersIcon"
+import { HeartIcon } from "./HeartIcon"
+import { SearchIcon } from "./SearchIcon"
+
+const meta: Meta = {
+  title: "Icons",
+  args: {},
+  argTypes: {},
+}
+
+export const Default = {
+  render: () => (
+    <div className="grid w-full max-w-xs grid-cols-[repeat(_auto-fill,minmax(32px,1fr)_)] items-start gap-4 gap-y-8">
+      <ArrowIcon />
+      <CaretSortIcon />
+      <CheckIcon />
+      <ChevronIcon />
+      <CloseIcon />
+      <FavoritesIcon />
+      <FiltersIcon />
+      <HeartIcon />
+      <HeartIcon />
+      <SearchIcon />
+    </div>
+  ),
+}
+
+export default meta

starters/shopify-algolia/components/under.tsx

@@ -0,0 +1,33 @@
+import { algolia } from "clients/search"
+import { unstable_cache } from "next/cache"
+import { ComparisonOperators } from "lib/algolia/filterBuilder"
+import { CarouselSection } from "./CarouselSection"
+import { getDemoProducts, isDemoMode } from "utils/demoUtils"
+import type { CommerceProduct } from "types"
+import { env } from "env.mjs"
+
+export async function EverythingUnderSection() {
+  const items = await getPriceRangedProducts()
+
+  if (!items.length) return null
+
+  return <CarouselSection className="my-16" title="Everything under $50" items={items} />
+}
+
+const getPriceRangedProducts = unstable_cache(
+  async () => {
+    if (isDemoMode()) return getDemoProducts().hits.slice(0, 8)
+
+    const { hits } = await algolia.search<CommerceProduct>({
+      indexName: env.ALGOLIA_PRODUCTS_INDEX,
+      searchParams: {
+        hitsPerPage: 8,
+        filters: algolia.filterBuilder().where("minPrice", 50, ComparisonOperators.LessThanOrEqual).build(),
+      },
+    })
+
+    return hits
+  },
+  ["relevant-products"],
+  { revalidate: 3600 }
+)