fix: button in banner block is optional (#1033)

* fix: button in banner block is optional

* fix: button in banner block is optional

---------

Co-authored-by: bablos <[email protected]>

Author: aleksey-shkadov

src/blocks/Banner/__stories__/Banner.mdx

@@ -19,7 +19,7 @@ import * as BannerStories from './Banner.stories.tsx';
 
 `color?: string` — Background color
 
-`button: Button` — Button
+`button?: Button` — Button
 
 `mediaView?: full | fit` — full is default value, the media content covers all width and height. Fit - media content has real sizes and locates in the middle
 

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

@@ -162,7 +162,7 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
     mediaView?: MediaView;
 }
 

src/sub-blocks/BannerCard/BannerCard.tsx

@@ -13,7 +13,7 @@ export const BannerCard = (props: BannerCardProps) => {
     const {
         title,
         subtitle,
-        button: {url, text, target, theme: buttonTheme = 'raised'},
+        button: {url, text, target, theme: buttonTheme = 'raised'} = {},
         color,
         theme: textTheme = 'light',
         image,
@@ -43,16 +43,19 @@ export const BannerCard = (props: BannerCardProps) => {
                             />
                         )}
                     </div>
-                    <RouterLink href={url}>
-                        <Button
-                            className={b('button')}
-                            theme={buttonTheme}
-                            size="xl"
-                            text={text}
-                            url={url}
-                            target={target}
-                        />
-                    </RouterLink>
+
+                    {url && (
+                        <RouterLink href={url}>
+                            <Button
+                                className={b('button')}
+                                theme={buttonTheme}
+                                size="xl"
+                                text={text ?? ''}
+                                url={url}
+                                target={target}
+                            />
+                        </RouterLink>
+                    )}
                 </div>
                 <BackgroundImage
                     className={b('image')}