ci: apply automated fixes

Author: autofix-ci[bot]

src/components/shop/ProductDrawer.tsx

@@ -148,7 +148,9 @@ export function ProductDrawer({
   // slides out with content visible (not empty). Uses the derived-state pattern
   // so displayHandle is updated synchronously on open (no empty-frame flash).
   const [displayHandle, setDisplayHandle] = React.useState<string | null>(null)
-  const [prevProductHandle, setPrevProductHandle] = React.useState<string | null>(null)
+  const [prevProductHandle, setPrevProductHandle] = React.useState<
+    string | null
+  >(null)
   if (productHandle !== prevProductHandle) {
     setPrevProductHandle(productHandle)
     if (productHandle) setDisplayHandle(productHandle)

src/components/shop/ui/Select.tsx

@@ -31,7 +31,13 @@ function extractOptions(children: React.ReactNode): Array<OptionData> {
 
 /** Custom themed dropdown. Keeps the same onChange API as a native <select>
  * so all call-sites stay unchanged. */
-export function ShopSelect({ value, onChange, className, triggerClassName, children }: Props) {
+export function ShopSelect({
+  value,
+  onChange,
+  className,
+  triggerClassName,
+  children,
+}: Props) {
   const [open, setOpen] = React.useState(false)
   const [focused, setFocused] = React.useState<string | null>(null)
   const triggerRef = React.useRef<HTMLButtonElement>(null)

src/routes/shop.index.tsx

@@ -198,35 +198,34 @@ function ShopIndex() {
 
       {/* Product grid */}
       <div className="px-6 md:px-11 max-w-[1280px] mx-auto mt-7">
-      {products.length === 0 ? (
-        <div className="text-center py-24 text-shop-muted">
-          No products yet. Check back soon!
-        </div>
-      ) : (
-        <>
-          <section className="grid gap-x-4 gap-y-5.5 grid-cols-[repeat(auto-fill,minmax(340px,1fr))]">
-            {products.map((product, i) => (
-              <ProductCard
-                key={product.id}
-                product={product}
-                loading={i < 8 ? 'eager' : 'lazy'}
-                onQuickView={setDrawerHandle}
-              />
-            ))}
-          </section>
-          {hasNextPage ? (
-            <div className="flex justify-center py-8">
-              <ShopButton
-                onClick={() => loadMore.mutate()}
-                disabled={loadMore.isPending}
-              >
-                {loadMore.isPending ? 'Loading…' : 'Load more'}
-              </ShopButton>
-            </div>
-          ) : null}
-        </>
-      )}
-
+        {products.length === 0 ? (
+          <div className="text-center py-24 text-shop-muted">
+            No products yet. Check back soon!
+          </div>
+        ) : (
+          <>
+            <section className="grid gap-x-4 gap-y-5.5 grid-cols-[repeat(auto-fill,minmax(340px,1fr))]">
+              {products.map((product, i) => (
+                <ProductCard
+                  key={product.id}
+                  product={product}
+                  loading={i < 8 ? 'eager' : 'lazy'}
+                  onQuickView={setDrawerHandle}
+                />
+              ))}
+            </section>
+            {hasNextPage ? (
+              <div className="flex justify-center py-8">
+                <ShopButton
+                  onClick={() => loadMore.mutate()}
+                  disabled={loadMore.isPending}
+                >
+                  {loadMore.isPending ? 'Loading…' : 'Load more'}
+                </ShopButton>
+              </div>
+            ) : null}
+          </>
+        )}
       </div>
 
       <ProductDrawer