,
) => {
- let width = passedWidth;
- const isRelativeWidth =
- typeof width === 'string' &&
- (width.endsWith('%') || width.endsWith('vw'));
- if (!isRelativeWidth) {
- width = getPxWidthNum(passedWidth);
- }
- const isPxWidth = typeof width === 'number';
-
return data?.url ? (
) : (
{withLoadingAnimation &&
}
diff --git a/app/components/Markdown/Markdown.tsx b/app/components/Markdown/Markdown.tsx
index 275a80b..e3f89cd 100644
--- a/app/components/Markdown/Markdown.tsx
+++ b/app/components/Markdown/Markdown.tsx
@@ -1,8 +1,8 @@
import {forwardRef} from 'react';
-import ReactMarkdown from 'react-markdown';
-import type {Components} from 'react-markdown';
+import ReactMarkdown, {defaultUrlTransform} from 'react-markdown';
import remarkGfm from 'remark-gfm';
import remarkBreaks from 'remark-breaks';
+import type {Components} from 'react-markdown';
interface MarkdownProps {
centerAllText?: boolean;
@@ -19,6 +19,14 @@ export const Markdown = forwardRef(
const hTextAlign = centerAllText
? '[&>h2]:text-center [&>h3]:text-center [&>h4]:text-center [&>h5]:text-center [&>h6]:text-center'
: '';
+
+ const urlTransform = (url: string) => {
+ if (url.startsWith('tel:')) {
+ return url;
+ }
+ return defaultUrlTransform(url);
+ };
+
return (
{children}
diff --git a/app/components/Product/ProductMedia/ProductMediaThumbnail.tsx b/app/components/Product/ProductMedia/ProductMediaThumbnail.tsx
index a00249c..7a523a3 100644
--- a/app/components/Product/ProductMedia/ProductMediaThumbnail.tsx
+++ b/app/components/Product/ProductMedia/ProductMediaThumbnail.tsx
@@ -37,7 +37,6 @@ export function ProductMediaThumbnail({
aspectRatio="1/1"
width="80"
loading={index < 6 ? 'eager' : 'lazy'}
- isStatic
/>
{mediaContentType === 'VIDEO' && (
diff --git a/app/components/Product/ProductOptions/ProductOptionValue/InnerColorOptionValue.tsx b/app/components/Product/ProductOptions/ProductOptionValue/InnerColorOptionValue.tsx
index b212a4e..7bf2851 100644
--- a/app/components/Product/ProductOptions/ProductOptionValue/InnerColorOptionValue.tsx
+++ b/app/components/Product/ProductOptions/ProductOptionValue/InnerColorOptionValue.tsx
@@ -51,7 +51,6 @@ export function InnerColorOptionValue({
aspectRatio="1/1"
width="32"
className="media-fill"
- isStatic
/>
)}
diff --git a/app/components/ProductItem/ColorVariantSelector/ColorVariantOption.tsx b/app/components/ProductItem/ColorVariantSelector/ColorVariantOption.tsx
index 9d283ee..758c7ee 100644
--- a/app/components/ProductItem/ColorVariantSelector/ColorVariantOption.tsx
+++ b/app/components/ProductItem/ColorVariantSelector/ColorVariantOption.tsx
@@ -52,7 +52,6 @@ export function ColorVariantOption({
width="24"
aspectRatio="1/1"
className="media-fill"
- isStatic
/>
)}
diff --git a/app/sections/BuildYourOwnBundle/BYOBAddToCart.tsx b/app/sections/BuildYourOwnBundle/BYOBAddToCart.tsx
index 0f977c3..04d72d0 100644
--- a/app/sections/BuildYourOwnBundle/BYOBAddToCart.tsx
+++ b/app/sections/BuildYourOwnBundle/BYOBAddToCart.tsx
@@ -88,7 +88,7 @@ export function BYOBAddToCart({
{`Add To Cart${total ? ` - ${total}` : ''}`}
- {isAdding && !isAdded && (
+ {isAdding && (
+
Added To Cart
)}
diff --git a/app/sections/IconRow/IconRow.tsx b/app/sections/IconRow/IconRow.tsx
index fe99c3e..2e56825 100644
--- a/app/sections/IconRow/IconRow.tsx
+++ b/app/sections/IconRow/IconRow.tsx
@@ -47,7 +47,6 @@ export function IconRow({cms}: {cms: IconRowCms}) {
className="bg-transparent"
aspectRatio="1/1"
width="48"
- isStatic
/>
)}
diff --git a/app/sections/PressSlider/PressSliderThumb.tsx b/app/sections/PressSlider/PressSliderThumb.tsx
index 931bc8c..d8f3790 100644
--- a/app/sections/PressSlider/PressSliderThumb.tsx
+++ b/app/sections/PressSlider/PressSliderThumb.tsx
@@ -29,7 +29,6 @@ export function PressSliderThumb({
className={`bg-transparent transition ${
isActive ? 'opacity-100' : 'opacity-30'
}`}
- isStatic
/>
)}
diff --git a/package-lock.json b/package-lock.json
index 374b057..42d0c27 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "hydrogen-starter",
- "version": "1.9.0",
+ "version": "1.9.1",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "hydrogen-starter",
- "version": "1.9.0",
+ "version": "1.9.1",
"dependencies": {
"@headlessui/react": "2.1.2",
"@headlessui/tailwindcss": "^0.2.1",
diff --git a/package.json b/package.json
index 726bd15..83eb825 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "hydrogen-starter",
"private": true,
"sideEffects": false,
- "version": "1.9.0",
+ "version": "1.9.1",
"scripts": {
"dev": "shopify hydrogen dev --port 8080",
"build": "shopify hydrogen build",