fix: bugs fixed

deco-sites · Dec 13, 2024 · ee24bb5 · ee24bb5
1 parent dcf199c
commit ee24bb5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/components/product/Gallery.tsx b/components/product/Gallery.tsx
@@ -88,9 +88,11 @@ export default function GallerySlider(props: Props) {
           "col-start-1 col-span-1 mobile:flex mobile:justify-center flex flex-col desktop:gap-10 desktop:items-center",
         )}>
 
-          <Slider.PrevButton class="mobile:hidden no-animation btn btn-circle hover:bg-transparent hover:border-[#8F2AED] border border-[#8F2AED]">
-            <Icon id="arrow-top" stroke="#8F2AED" width={20} height={12} />
-          </Slider.PrevButton>
+          {images.length >= 3 && (
+            <Slider.PrevButton class="mobile:hidden no-animation btn btn-circle hover:bg-transparent hover:border-[#8F2AED] border border-[#8F2AED]">
+              <Icon id="arrow-top" stroke="#8F2AED" width={20} height={12} />
+            </Slider.PrevButton>
+          )}
 
           <ul
             class={clx(
@@ -132,9 +134,13 @@ export default function GallerySlider(props: Props) {
               </li>
             ))}
           </ul>
-          <Slider.NextButton class="mobile:hidden no-animation btn btn-circle hover:bg-transparent hover:border-[#8F2AED] border border-[#8F2AED]">
-            <Icon id="arrow-bottom" stroke="#8F2AED" width={20} height={12} />
-          </Slider.NextButton>
+
+          {images.length >= 3 && (
+            <Slider.NextButton class="mobile:hidden no-animation btn btn-circle hover:bg-transparent hover:border-[#8F2AED] border border-[#8F2AED]">
+              <Icon id="arrow-bottom" stroke="#8F2AED" width={20} height={12} />
+            </Slider.NextButton>
+          )}
+
         </div>
 
         <Slider.JS rootId={id} />

diff --git a/components/shipping/Form.tsx b/components/shipping/Form.tsx
@@ -22,7 +22,7 @@ export default function Form({ items }: Props) {
         hx-target={`#${slot}`}
         hx-swap="innerHTML"
         hx-sync="this:replace"
-        hx-post={useComponent(import.meta.resolve("./Results.tsx"), {
+        hx-post={useComponent("/components/shipping/Results.tsx", {
           items,
         })}
       >

diff --git a/components/shipping/Results.tsx b/components/shipping/Results.tsx
@@ -1,6 +1,6 @@
 
 import { AppContext } from "../../apps/deco/wake.ts";
-import { type SectionProps } from "@deco/deco";
+import { type ComponentProps } from "../../sections/Component.tsx";
 import { ShippingQuotesQuery } from "apps/wake/utils/graphql/storefront.graphql.gen.ts";
 import type { Props as SKU } from "apps/wake/actions/shippingSimulation.ts";
 
@@ -27,7 +27,7 @@ export async function action(props: Props, req: Request, ctx: AppContext) {
   }
 }
 
-export default function Results({ result }: SectionProps<typeof action>) {
+export default function Results({ result }: ComponentProps<typeof action>) {
 
   if (!result) {
     return (