From eb373601fb2c11f6d5aa1d5b7c7cf16dc48beae8 Mon Sep 17 00:00:00 2001
From: gimenes <tlgimenes@gmail.com>
Date: Tue, 24 Oct 2023 10:06:01 -0300
Subject: [PATCH] bump and use new partials

---
 components/product/ProductShelfTabbed.tsx     | 4 ++--
 components/product/ProductVariantSelector.tsx | 9 +++++----
 deno.json                                     | 4 ++--
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/product/ProductShelfTabbed.tsx b/components/product/ProductShelfTabbed.tsx
index 52eb57ac..9f0da69d 100644
--- a/components/product/ProductShelfTabbed.tsx
+++ b/components/product/ProductShelfTabbed.tsx
@@ -11,7 +11,7 @@ import { useOffer } from "$store/sdk/useOffer.ts";
 import { usePlatform } from "$store/sdk/usePlatform.tsx";
 import type { Product } from "apps/commerce/types.ts";
 import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalyticsItem.ts";
-import { usePartial } from "apps/website/hooks/usePartial.ts";
+import { usePartialSection } from "deco/hooks/usePartialSection.ts";
 
 /** @titleBy title */
 interface Tab {
@@ -66,7 +66,7 @@ function TabbedProductShelf({
           {tabs.map((tab, index) => (
             <button
               class={`tab tab-lg ${index === ti ? "tab-active" : ""}`}
-              {...usePartial({ id: sectionId, props: { tabIndex: index } })}
+              {...usePartialSection({ props: { tabIndex: index } })}
             >
               {tab.title}
             </button>
diff --git a/components/product/ProductVariantSelector.tsx b/components/product/ProductVariantSelector.tsx
index f3225310..c3cc686c 100644
--- a/components/product/ProductVariantSelector.tsx
+++ b/components/product/ProductVariantSelector.tsx
@@ -1,7 +1,7 @@
 import Avatar from "$store/components/ui/Avatar.tsx";
 import { useVariantPossibilities } from "$store/sdk/useVariantPossiblities.ts";
 import type { Product } from "apps/commerce/types.ts";
-import { usePartial } from "apps/website/hooks/usePartial.ts";
+import { usePartialSection } from "deco/hooks/usePartialSection.ts";
 
 interface Props {
   product: Product;
@@ -19,11 +19,12 @@ function VariantSelector({ product }: Props) {
           <span class="text-sm">{name}</span>
           <ul class="flex flex-row gap-3">
             {Object.entries(possibilities[name]).map(([value, link]) => {
-              const partial = usePartial({ href: link });
+              // TODO: bring it back on fresh 1.5.3
+              // const partial = usePartialSection({ href: link });
 
               return (
                 <li>
-                  <button {...partial}>
+                  <a href={link}>
                     <Avatar
                       content={value}
                       variant={link === url
@@ -32,7 +33,7 @@ function VariantSelector({ product }: Props) {
                         ? "default"
                         : "disabled"}
                     />
-                  </button>
+                  </a>
                 </li>
               );
             })}
diff --git a/deno.json b/deno.json
index cfe39f61..fa95f336 100644
--- a/deno.json
+++ b/deno.json
@@ -1,8 +1,8 @@
 {
   "imports": {
     "$store/": "./",
-    "deco/": "https://denopkg.com/deco-cx/deco@1.43.0/",
-    "apps/": "https://denopkg.com/deco-cx/apps@0.17.1/",
+    "deco/": "https://denopkg.com/deco-cx/deco@1.44.1/",
+    "apps/": "https://denopkg.com/deco-cx/apps@0.17.2/",
     "$fresh/": "https://denopkg.com/deco-cx/fresh@1.4.4/",
     "preact": "https://esm.sh/preact@10.15.1",
     "preact/": "https://esm.sh/preact@10.15.1/",