fix: add basic card model

Author: berdysheva

src/blocks/CardLayout/__stories__/CardLayout.stories.tsx

@@ -2,7 +2,12 @@ import React, {Fragment} from 'react';
 import {Meta, Story} from '@storybook/react/types-6-0';
 
 import CardLayout from '../CardLayout';
-import {CardLayoutBlockModel, CardLayoutBlockProps, SubBlockModels} from '../../../models';
+import {
+    CardLayoutBlockModel,
+    CardLayoutBlockProps,
+    CardWithImageProps,
+    SubBlockModels,
+} from '../../../models';
 import {PageConstructor} from '../../../containers/PageConstructor';
 
 import data from './data.json';
@@ -12,7 +17,7 @@ export default {
     component: CardLayout,
 } as Meta;
 
-const createCardArray = (count: number, card: any) => new Array(count).fill(card);
+const createCardArray = (count: number, card: CardWithImageProps) => new Array(count).fill(card);
 
 const DefaultTemplate: Story<CardLayoutBlockModel> = (args) => (
     <PageConstructor content={{blocks: [args]}} />

src/blocks/Slider/__stories__/Slider.stories.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import {Meta, Story} from '@storybook/react/types-6-0';
-import {SliderBlockModel} from '../../../models';
+import {SliderBlockModel, BannerCardModel, BasicCardModel} from '../../../models';
 import Slider from '../Slider';
-import {PageConstructor} from '../../../containers/PageConstructor/PageConstructor';
+import {PageConstructor} from '../../../containers/PageConstructor';
 
 import data from './data.json';
 
@@ -35,25 +35,25 @@ const SlidesToShowTemplate: Story<SliderBlockModel> = (args) => (
                     ...args,
                     title: data.slidesToShow.one.title,
                     slidesToShow: data.slidesToShow.one.slidesToShow,
-                    children: data.banners.content.children as any,
+                    children: data.banners.content.children as BannerCardModel[],
                 },
                 {
                     ...args,
                     title: data.slidesToShow.two.title,
                     slidesToShow: data.slidesToShow.two.slidesToShow,
-                    children: data.default.content.children as any,
+                    children: data.default.content.children as BasicCardModel[],
                 },
                 {
                     ...args,
                     title: data.slidesToShow.three.title,
                     slidesToShow: data.slidesToShow.three.slidesToShow,
-                    children: data.default.content.children as any,
+                    children: data.default.content.children as BasicCardModel[],
                 },
                 {
                     ...args,
                     title: data.slidesToShow.four.title,
                     slidesToShow: data.slidesToShow.four.slidesToShow,
-                    children: data.default.content.children as any,
+                    children: data.default.content.children as BasicCardModel[],
                 },
             ],
         }}

src/models/constructor-items/sub-blocks.ts

@@ -215,6 +215,10 @@ export type BannerCardModel = {
     type: SubBlockType.BannerCard;
 } & BannerCardProps;
 
+export type BasicCardModel = {
+    type: SubBlockType.BasicCard;
+} & BasicCardProps;
+
 export type SubBlockModels =
     | DividerModel
     | CardModel
@@ -227,6 +231,7 @@ export type SubBlockModels =
     | CardWithImageModel
     | BackgroundCardModel
     | HubspotFormModel
-    | BannerCardModel;
+    | BannerCardModel
+    | BasicCardModel;
 
 export type SubBlock = SubBlockModels;