diff --git a/src/common/components/intractive-image/interactive-image.module.scss b/src/common/components/intractive-image/interactive-image.module.scss
index 3da1b09b..be848340 100644
--- a/src/common/components/intractive-image/interactive-image.module.scss
+++ b/src/common/components/intractive-image/interactive-image.module.scss
@@ -22,8 +22,8 @@
display: flex;
justify-content: center;
align-items: center;
- width: 64px;
- height: 64px;
+ width: 52px;
+ height: 52px;
background: rgba(colors.$basic-gray87, 0.4);
border-radius: 50%;
transform: translate(-50%, -50%);
@@ -34,8 +34,8 @@
&::after {
content: '';
display: block;
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
background: #fff;
border-radius: 50%;
}
diff --git a/src/common/components/product-info/__stories__/index.stories.tsx b/src/common/components/product-info/__stories__/index.stories.tsx
index 761a8f2a..966b0b24 100644
--- a/src/common/components/product-info/__stories__/index.stories.tsx
+++ b/src/common/components/product-info/__stories__/index.stories.tsx
@@ -47,80 +47,50 @@ const Bootstrap: React.FC = ({ children }) => (
);
export const Primary = () => (
-
-
- {
- e.preventDefault();
- action('Клик: ссылка на товар (изображение)')();
- }}
- >
-
-
-
-
+
+
+
+
+
+
-
- {data.badges.map((badge, index) => (
-
- ))}
-
+
+
+
+
-
+
- {
- e.preventDefault();
- action('Клик: ссылка на товар')();
- }}
- >
- {data.name}
-
+ {data.name}
- Арт. 1234567890
+ Арт. 1234567890
- {
- e.preventDefault();
- action('Клик: ссылка на торговую марку')();
- }}
- >
- {data.trademarkName}
-
+ {data.trademarkName}
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
);
export const PositionedImageIcons = () => (
diff --git a/src/common/components/product-info/types.ts b/src/common/components/product-info/types.ts
index 4bc4758e..529a7d35 100644
--- a/src/common/components/product-info/types.ts
+++ b/src/common/components/product-info/types.ts
@@ -1,4 +1,7 @@
export interface ProductInfoProps {
+ /** Ограничение товара. Влияет на отображение информации. */
restriction?: 'adult' | 'unavailable';
+
+ /** Содержимое. */
children?: React.ReactNode;
}
diff --git a/src/desktop/components/product-card/__stories__/index.stories.tsx b/src/desktop/components/product-card/__stories__/index.stories.tsx
index e80136f0..da65afe3 100644
--- a/src/desktop/components/product-card/__stories__/index.stories.tsx
+++ b/src/desktop/components/product-card/__stories__/index.stories.tsx
@@ -104,6 +104,8 @@ export const PrimaryItem = () => {
{data.trademark.name}
+
+
{
{item.name}
+
+