decentraland-ui2 0.9.2-12873998059.commit-37a11d9 → 0.9.3-12913916949.commit-29ff52c
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -18,7 +18,7 @@ const convertAlignmentToFlex = (alignment) => {
|
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
export const Banner = (props) => {
|
|
21
|
-
const { isLoading, fields, assets, locale = ContentfulLocale.enUS, error, } = props;
|
|
21
|
+
const { isLoading, onClick, fields, assets, locale = ContentfulLocale.enUS, error, } = props;
|
|
22
22
|
const isMobileOrTablet = useTabletAndBelowMediaQuery();
|
|
23
23
|
if (isLoading) {
|
|
24
24
|
return (_jsx(LoadingContainer, { children: _jsx(CircularProgress, {}) }));
|
|
@@ -27,7 +27,7 @@ export const Banner = (props) => {
|
|
|
27
27
|
if (!fields || error) {
|
|
28
28
|
return null;
|
|
29
29
|
}
|
|
30
|
-
// Build the
|
|
30
|
+
// Build the parameters based on the size of the screen
|
|
31
31
|
const bannerBackgroundImage = getAssetUrl(assets, ContentfulLocale.enUS, isMobileOrTablet
|
|
32
32
|
? fields.mobileBackground[ContentfulLocale.enUS]
|
|
33
33
|
: fields.fullSizeBackground[ContentfulLocale.enUS]);
|
|
@@ -48,6 +48,6 @@ export const Banner = (props) => {
|
|
|
48
48
|
: fields.desktopButtonAlignment[ContentfulLocale.enUS])?.toLowerCase());
|
|
49
49
|
return (_jsxs(BannerContainer, { background: bannerBackgroundImage, children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", textAlign: titleAlignment, children: title }), _jsx(Text, { textAlign: textAlignment, children: text ? documentToReactComponents(text) : null }), fields.showButton[ContentfulLocale.enUS] &&
|
|
50
50
|
fields.buttonLink?.[ContentfulLocale.enUS] &&
|
|
51
|
-
fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { href: fields.buttonLink[ContentfulLocale.enUS], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[ContentfulLocale.enUS] && (_jsx(Logo, { src: getAssetUrl(assets, ContentfulLocale.enUS, fields.logo[ContentfulLocale.enUS]), alt: "Banner logo" }))] }));
|
|
51
|
+
fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { onClick: onClick, href: fields.buttonLink[ContentfulLocale.enUS], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[ContentfulLocale.enUS] && (_jsx(Logo, { src: getAssetUrl(assets, ContentfulLocale.enUS, fields.logo[ContentfulLocale.enUS]), alt: "Banner logo" }))] }));
|
|
52
52
|
};
|
|
53
53
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EACL,eAAe,EACf,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,iBAAiB,CAAA;AAGxB,MAAM,sBAAsB,GAAG,CAAC,SAA6B,EAAE,EAAE;IAC/D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,YAAY,CAAA;QACrB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAA;QACjB,KAAK,OAAO;YACV,OAAO,UAAU,CAAA;QACnB;YACE,OAAO,YAAY,CAAA;IACvB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,KAAkB,EAAE,EAAE;IAClE,MAAM,EACJ,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,GAAG,gBAAgB,CAAC,IAAI,EAC9B,KAAK,GACN,GAAG,KAAK,CAAA;IACT,MAAM,gBAAgB,GAAG,2BAA2B,EAAE,CAAA;IAEtD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,gBAAgB,KAAG,GACH,CACpB,CAAA;IACH,CAAC;IAED,sFAAsF;IACtF,IAAI,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ type BannerProps = {
|
|
|
3
3
|
fields: BannerFields | null;
|
|
4
4
|
assets: Record<string, ContentfulAsset>;
|
|
5
5
|
isLoading: boolean;
|
|
6
|
-
locale?: ContentfulLocale;
|
|
7
6
|
error: string | null;
|
|
7
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
|
+
locale?: ContentfulLocale;
|
|
8
9
|
};
|
|
9
10
|
type LowercasedAlignment = "left" | "center" | "right";
|
|
10
11
|
export type { BannerProps, BannerFields, LowercasedAlignment };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decentraland-ui2",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.3-12913916949.commit-29ff52c",
|
|
4
4
|
"description": "Decentraland's UI components and styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -92,5 +92,5 @@
|
|
|
92
92
|
"files": [
|
|
93
93
|
"dist"
|
|
94
94
|
],
|
|
95
|
-
"commit": "
|
|
95
|
+
"commit": "29ff52c471b8fc43ee9de95f6aa0f166a16a0625"
|
|
96
96
|
}
|