@mycause/ui 0.0.0-c63c4aa2 → 0.0.0-c6571615
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/campaign-of-month/campaign-of-month.d.ts +2 -2
- package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +1 -1
- package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +3 -3
- package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +1 -1
- package/dist/index.esm.js +24 -31
- package/dist/index.js +24 -31
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
export interface CampaignOfMonthProps {
|
|
3
3
|
className?: string;
|
|
4
4
|
title?: string;
|
|
5
|
-
|
|
5
|
+
text?: string;
|
|
6
6
|
imageUrl?: string;
|
|
7
7
|
rised?: number;
|
|
8
8
|
donation?: number;
|
|
@@ -10,5 +10,5 @@ export interface CampaignOfMonthProps {
|
|
|
10
10
|
btnText?: string;
|
|
11
11
|
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
12
|
}
|
|
13
|
-
declare const CampaignOfMonth: ({ className, title,
|
|
13
|
+
declare const CampaignOfMonth: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, }: CampaignOfMonthProps) => JSX.Element;
|
|
14
14
|
export default CampaignOfMonth;
|
|
@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
decorators: (typeof CenterDecorator)[];
|
|
6
|
-
component: ({ className, title,
|
|
6
|
+
component: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
9
9
|
export declare const campaignofmonth: {
|
|
@@ -5,13 +5,13 @@ export interface FeaturedCampaignCardProps {
|
|
|
5
5
|
title?: string;
|
|
6
6
|
description?: string;
|
|
7
7
|
completed?: number;
|
|
8
|
-
|
|
8
|
+
maxWidth?: number;
|
|
9
9
|
donation?: number;
|
|
10
10
|
raised?: number;
|
|
11
11
|
goal?: number;
|
|
12
12
|
onClick: () => void;
|
|
13
13
|
fundraisingText: string;
|
|
14
|
-
|
|
14
|
+
handleImageError?: () => void;
|
|
15
15
|
}
|
|
16
|
-
declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed,
|
|
16
|
+
declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => JSX.Element;
|
|
17
17
|
export default FeaturedCampaignCard;
|
|
@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
decorators: (typeof CenterDecorator)[];
|
|
6
|
-
component: ({ className, imageURL, title, donation, raised, goal, completed,
|
|
6
|
+
component: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
9
9
|
export declare const featuredcampaigncard: {
|
package/dist/index.esm.js
CHANGED
|
@@ -10032,7 +10032,7 @@ CampaignCard.propTypes = {
|
|
|
10032
10032
|
description: _pt.string
|
|
10033
10033
|
};
|
|
10034
10034
|
|
|
10035
|
-
var css$4 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 50%;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp:
|
|
10035
|
+
var css$4 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 50%;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 8;\n /* number of lines to show */\n line-clamp: 8;\n -webkit-box-orient: vertical;\n margin-bottom: 25px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item__2qUuG {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_value__2UldJ {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_name__3ZCL8 {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 50%;\n height: 400px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n max-width: 100%;\n max-height: 100%;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px; }\n\n@media all and (max-width: 1024px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 937px;\n flex-direction: column;\n height: auto; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: auto; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: auto;\n padding: 20px 50px 40px 50px;\n border-radius: 0 0 10px 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: initial;\n /* number of lines to show */\n line-clamp: initial; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px; } }\n\n@media all and (max-width: 992px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 719px;\n height: auto;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: auto;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: auto;\n padding: 27px 40px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n\n@media all and (max-width: 768px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 100%;\n max-width: 432px; } }\n";
|
|
10036
10036
|
var cls$4 = {"wrapper":"campaign-of-month-module_wrapper__3VW1j","rightSide":"campaign-of-month-module_rightSide__FXQyv","title":"campaign-of-month-module_title__2bUDz","description":"campaign-of-month-module_description__6rZ2k","info":"campaign-of-month-module_info__2W3vo","item":"campaign-of-month-module_item__2qUuG","item_value":"campaign-of-month-module_item_value__2UldJ","item_name":"campaign-of-month-module_item_name__3ZCL8","leftSide":"campaign-of-month-module_leftSide__22wcl","image":"campaign-of-month-module_image__2YMoT"};
|
|
10037
10037
|
styleInject(css$4);
|
|
10038
10038
|
|
|
@@ -10041,8 +10041,8 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10041
10041
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
10042
10042
|
_ref$title = _ref.title,
|
|
10043
10043
|
title = _ref$title === void 0 ? "" : _ref$title,
|
|
10044
|
-
_ref$
|
|
10045
|
-
|
|
10044
|
+
_ref$text = _ref.text,
|
|
10045
|
+
text = _ref$text === void 0 ? "" : _ref$text,
|
|
10046
10046
|
_ref$imageUrl = _ref.imageUrl,
|
|
10047
10047
|
imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl,
|
|
10048
10048
|
_ref$rised = _ref.rised,
|
|
@@ -10055,6 +10055,7 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10055
10055
|
btnText = _ref$btnText === void 0 ? "" : _ref$btnText,
|
|
10056
10056
|
_ref$onClick = _ref.onClick,
|
|
10057
10057
|
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
|
|
10058
|
+
var isShowProgressBar = rised && donation && goal;
|
|
10058
10059
|
return React.createElement("div", {
|
|
10059
10060
|
className: classnames(cls$4.wrapper, className)
|
|
10060
10061
|
}, React.createElement("div", {
|
|
@@ -10064,14 +10065,14 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10064
10065
|
className: cls$4.image
|
|
10065
10066
|
})), React.createElement("div", {
|
|
10066
10067
|
className: cls$4.rightSide
|
|
10067
|
-
}, React.createElement("div", {
|
|
10068
|
+
}, title && React.createElement("div", {
|
|
10068
10069
|
className: cls$4.title
|
|
10069
10070
|
}, title), React.createElement("div", {
|
|
10070
10071
|
className: cls$4.description,
|
|
10071
10072
|
dangerouslySetInnerHTML: {
|
|
10072
|
-
__html:
|
|
10073
|
+
__html: text
|
|
10073
10074
|
}
|
|
10074
|
-
}), React.createElement(ProgressBar, {
|
|
10075
|
+
}), isShowProgressBar ? React.createElement(React.Fragment, null, React.createElement(ProgressBar, {
|
|
10075
10076
|
completed: rised / goal * 100
|
|
10076
10077
|
}), React.createElement("div", {
|
|
10077
10078
|
className: cls$4.info
|
|
@@ -10093,7 +10094,7 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10093
10094
|
className: cls$4.item_value
|
|
10094
10095
|
}, "$", goal), React.createElement("div", {
|
|
10095
10096
|
className: cls$4.item_name
|
|
10096
|
-
}, "Goal"))), React.createElement(Button, {
|
|
10097
|
+
}, "Goal")))) : null, React.createElement(Button, {
|
|
10097
10098
|
raised: true,
|
|
10098
10099
|
display: true,
|
|
10099
10100
|
style: {
|
|
@@ -10109,7 +10110,7 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10109
10110
|
CampaignOfMonth.propTypes = {
|
|
10110
10111
|
className: _pt.string,
|
|
10111
10112
|
title: _pt.string,
|
|
10112
|
-
|
|
10113
|
+
text: _pt.string,
|
|
10113
10114
|
imageUrl: _pt.string,
|
|
10114
10115
|
rised: _pt.number,
|
|
10115
10116
|
donation: _pt.number,
|
|
@@ -10180,8 +10181,8 @@ DonateCard.propTypes = {
|
|
|
10180
10181
|
description: _pt.string
|
|
10181
10182
|
};
|
|
10182
10183
|
|
|
10183
|
-
var css$7 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n
|
|
10184
|
-
var cls$7 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
|
|
10184
|
+
var css$7 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n cursor: pointer; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n height: 100%;\n display: flex;\n align-items: center; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n border-radius: 8px;\n width: -webkit-fit-content;\n width: fit-content; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n width: 100%;\n border-radius: 8px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_title__3rmNH {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black;\n height: 50px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_description__NZDGW {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n border-radius: 10px;\n grid-gap: 20px;\n grid-gap: 20px;\n gap: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_subtext__2eSW5 {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n color: #6d6d6d;\n line-height: 20px;\n font-size: 15px;\n margin: 0 0 10px 0; }\n";
|
|
10185
|
+
var cls$7 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","coverImage":"featured-campaign-card-module_coverImage__HUvxd","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
|
|
10185
10186
|
styleInject(css$7);
|
|
10186
10187
|
|
|
10187
10188
|
var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
|
|
@@ -10198,32 +10199,24 @@ var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
|
|
|
10198
10199
|
goal = _ref$goal === void 0 ? 0 : _ref$goal,
|
|
10199
10200
|
_ref$completed = _ref.completed,
|
|
10200
10201
|
completed = _ref$completed === void 0 ? 0 : _ref$completed,
|
|
10201
|
-
_ref$
|
|
10202
|
-
|
|
10202
|
+
_ref$maxWidth = _ref.maxWidth,
|
|
10203
|
+
maxWidth = _ref$maxWidth === void 0 ? 0 : _ref$maxWidth,
|
|
10203
10204
|
onClick = _ref.onClick,
|
|
10204
|
-
|
|
10205
|
-
|
|
10206
|
-
|
|
10207
|
-
var _React$useState = React.useState(imageURL),
|
|
10208
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
10209
|
-
imgUrl = _React$useState2[0],
|
|
10210
|
-
setImgUrl = _React$useState2[1];
|
|
10211
|
-
|
|
10212
|
-
var handleOnError = function handleOnError() {
|
|
10213
|
-
setImgUrl(defaultUrl);
|
|
10214
|
-
};
|
|
10215
|
-
|
|
10205
|
+
fundraisingText = _ref.fundraisingText,
|
|
10206
|
+
handleImageError = _ref.handleImageError;
|
|
10216
10207
|
return React.createElement("div", {
|
|
10217
10208
|
className: classnames(cls$7.wrapper, className),
|
|
10218
10209
|
style: {
|
|
10219
|
-
|
|
10210
|
+
maxWidth: "".concat(maxWidth, "px")
|
|
10220
10211
|
},
|
|
10221
10212
|
onClick: onClick
|
|
10222
|
-
}, React.createElement("div", null, React.createElement("
|
|
10213
|
+
}, React.createElement("div", null, React.createElement("div", {
|
|
10214
|
+
className: cls$7.coverImage
|
|
10215
|
+
}, React.createElement("img", {
|
|
10223
10216
|
className: cls$7.image,
|
|
10224
|
-
src:
|
|
10225
|
-
onError:
|
|
10226
|
-
}), React.createElement("div", {
|
|
10217
|
+
src: imageURL,
|
|
10218
|
+
onError: handleImageError
|
|
10219
|
+
})), React.createElement("div", {
|
|
10227
10220
|
className: cls$7.title
|
|
10228
10221
|
}, title), React.createElement("p", {
|
|
10229
10222
|
className: cls$7.FRPText,
|
|
@@ -10247,13 +10240,13 @@ FeaturedCampaignCard.propTypes = {
|
|
|
10247
10240
|
title: _pt.string,
|
|
10248
10241
|
description: _pt.string,
|
|
10249
10242
|
completed: _pt.number,
|
|
10250
|
-
|
|
10243
|
+
maxWidth: _pt.number,
|
|
10251
10244
|
donation: _pt.number,
|
|
10252
10245
|
raised: _pt.number,
|
|
10253
10246
|
goal: _pt.number,
|
|
10254
10247
|
onClick: _pt.func.isRequired,
|
|
10255
10248
|
fundraisingText: _pt.string.isRequired,
|
|
10256
|
-
|
|
10249
|
+
handleImageError: _pt.func
|
|
10257
10250
|
};
|
|
10258
10251
|
|
|
10259
10252
|
var css$8 = ".fundraising-section-module_wrapper__2vajR {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_leftSide__1zI_4 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_image__1G7d9 {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_title__3qv_k {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_description__1kteS {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n";
|
package/dist/index.js
CHANGED
|
@@ -10045,7 +10045,7 @@ CampaignCard.propTypes = {
|
|
|
10045
10045
|
description: _pt.string
|
|
10046
10046
|
};
|
|
10047
10047
|
|
|
10048
|
-
var css$4 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 50%;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp:
|
|
10048
|
+
var css$4 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 50%;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 8;\n /* number of lines to show */\n line-clamp: 8;\n -webkit-box-orient: vertical;\n margin-bottom: 25px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item__2qUuG {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_value__2UldJ {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_name__3ZCL8 {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 50%;\n height: 400px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n max-width: 100%;\n max-height: 100%;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px; }\n\n@media all and (max-width: 1024px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 937px;\n flex-direction: column;\n height: auto; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: auto; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: auto;\n padding: 20px 50px 40px 50px;\n border-radius: 0 0 10px 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: initial;\n /* number of lines to show */\n line-clamp: initial; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px; } }\n\n@media all and (max-width: 992px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 719px;\n height: auto;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: auto;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: auto;\n padding: 27px 40px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n\n@media all and (max-width: 768px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 100%;\n max-width: 432px; } }\n";
|
|
10049
10049
|
var cls$4 = {"wrapper":"campaign-of-month-module_wrapper__3VW1j","rightSide":"campaign-of-month-module_rightSide__FXQyv","title":"campaign-of-month-module_title__2bUDz","description":"campaign-of-month-module_description__6rZ2k","info":"campaign-of-month-module_info__2W3vo","item":"campaign-of-month-module_item__2qUuG","item_value":"campaign-of-month-module_item_value__2UldJ","item_name":"campaign-of-month-module_item_name__3ZCL8","leftSide":"campaign-of-month-module_leftSide__22wcl","image":"campaign-of-month-module_image__2YMoT"};
|
|
10050
10050
|
styleInject(css$4);
|
|
10051
10051
|
|
|
@@ -10054,8 +10054,8 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10054
10054
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
10055
10055
|
_ref$title = _ref.title,
|
|
10056
10056
|
title = _ref$title === void 0 ? "" : _ref$title,
|
|
10057
|
-
_ref$
|
|
10058
|
-
|
|
10057
|
+
_ref$text = _ref.text,
|
|
10058
|
+
text = _ref$text === void 0 ? "" : _ref$text,
|
|
10059
10059
|
_ref$imageUrl = _ref.imageUrl,
|
|
10060
10060
|
imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl,
|
|
10061
10061
|
_ref$rised = _ref.rised,
|
|
@@ -10068,6 +10068,7 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10068
10068
|
btnText = _ref$btnText === void 0 ? "" : _ref$btnText,
|
|
10069
10069
|
_ref$onClick = _ref.onClick,
|
|
10070
10070
|
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
|
|
10071
|
+
var isShowProgressBar = rised && donation && goal;
|
|
10071
10072
|
return React__default.createElement("div", {
|
|
10072
10073
|
className: classnames(cls$4.wrapper, className)
|
|
10073
10074
|
}, React__default.createElement("div", {
|
|
@@ -10077,14 +10078,14 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10077
10078
|
className: cls$4.image
|
|
10078
10079
|
})), React__default.createElement("div", {
|
|
10079
10080
|
className: cls$4.rightSide
|
|
10080
|
-
}, React__default.createElement("div", {
|
|
10081
|
+
}, title && React__default.createElement("div", {
|
|
10081
10082
|
className: cls$4.title
|
|
10082
10083
|
}, title), React__default.createElement("div", {
|
|
10083
10084
|
className: cls$4.description,
|
|
10084
10085
|
dangerouslySetInnerHTML: {
|
|
10085
|
-
__html:
|
|
10086
|
+
__html: text
|
|
10086
10087
|
}
|
|
10087
|
-
}), React__default.createElement(ProgressBar, {
|
|
10088
|
+
}), isShowProgressBar ? React__default.createElement(React__default.Fragment, null, React__default.createElement(ProgressBar, {
|
|
10088
10089
|
completed: rised / goal * 100
|
|
10089
10090
|
}), React__default.createElement("div", {
|
|
10090
10091
|
className: cls$4.info
|
|
@@ -10106,7 +10107,7 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10106
10107
|
className: cls$4.item_value
|
|
10107
10108
|
}, "$", goal), React__default.createElement("div", {
|
|
10108
10109
|
className: cls$4.item_name
|
|
10109
|
-
}, "Goal"))), React__default.createElement(Button, {
|
|
10110
|
+
}, "Goal")))) : null, React__default.createElement(Button, {
|
|
10110
10111
|
raised: true,
|
|
10111
10112
|
display: true,
|
|
10112
10113
|
style: {
|
|
@@ -10122,7 +10123,7 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10122
10123
|
CampaignOfMonth.propTypes = {
|
|
10123
10124
|
className: _pt.string,
|
|
10124
10125
|
title: _pt.string,
|
|
10125
|
-
|
|
10126
|
+
text: _pt.string,
|
|
10126
10127
|
imageUrl: _pt.string,
|
|
10127
10128
|
rised: _pt.number,
|
|
10128
10129
|
donation: _pt.number,
|
|
@@ -10193,8 +10194,8 @@ DonateCard.propTypes = {
|
|
|
10193
10194
|
description: _pt.string
|
|
10194
10195
|
};
|
|
10195
10196
|
|
|
10196
|
-
var css$7 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n
|
|
10197
|
-
var cls$7 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
|
|
10197
|
+
var css$7 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n cursor: pointer; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n height: 100%;\n display: flex;\n align-items: center; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n border-radius: 8px;\n width: -webkit-fit-content;\n width: fit-content; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n width: 100%;\n border-radius: 8px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_title__3rmNH {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black;\n height: 50px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_description__NZDGW {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n border-radius: 10px;\n grid-gap: 20px;\n grid-gap: 20px;\n gap: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_subtext__2eSW5 {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n color: #6d6d6d;\n line-height: 20px;\n font-size: 15px;\n margin: 0 0 10px 0; }\n";
|
|
10198
|
+
var cls$7 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","coverImage":"featured-campaign-card-module_coverImage__HUvxd","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
|
|
10198
10199
|
styleInject(css$7);
|
|
10199
10200
|
|
|
10200
10201
|
var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
|
|
@@ -10211,32 +10212,24 @@ var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
|
|
|
10211
10212
|
goal = _ref$goal === void 0 ? 0 : _ref$goal,
|
|
10212
10213
|
_ref$completed = _ref.completed,
|
|
10213
10214
|
completed = _ref$completed === void 0 ? 0 : _ref$completed,
|
|
10214
|
-
_ref$
|
|
10215
|
-
|
|
10215
|
+
_ref$maxWidth = _ref.maxWidth,
|
|
10216
|
+
maxWidth = _ref$maxWidth === void 0 ? 0 : _ref$maxWidth,
|
|
10216
10217
|
onClick = _ref.onClick,
|
|
10217
|
-
|
|
10218
|
-
|
|
10219
|
-
|
|
10220
|
-
var _React$useState = React__default.useState(imageURL),
|
|
10221
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
10222
|
-
imgUrl = _React$useState2[0],
|
|
10223
|
-
setImgUrl = _React$useState2[1];
|
|
10224
|
-
|
|
10225
|
-
var handleOnError = function handleOnError() {
|
|
10226
|
-
setImgUrl(defaultUrl);
|
|
10227
|
-
};
|
|
10228
|
-
|
|
10218
|
+
fundraisingText = _ref.fundraisingText,
|
|
10219
|
+
handleImageError = _ref.handleImageError;
|
|
10229
10220
|
return React__default.createElement("div", {
|
|
10230
10221
|
className: classnames(cls$7.wrapper, className),
|
|
10231
10222
|
style: {
|
|
10232
|
-
|
|
10223
|
+
maxWidth: "".concat(maxWidth, "px")
|
|
10233
10224
|
},
|
|
10234
10225
|
onClick: onClick
|
|
10235
|
-
}, React__default.createElement("div", null, React__default.createElement("
|
|
10226
|
+
}, React__default.createElement("div", null, React__default.createElement("div", {
|
|
10227
|
+
className: cls$7.coverImage
|
|
10228
|
+
}, React__default.createElement("img", {
|
|
10236
10229
|
className: cls$7.image,
|
|
10237
|
-
src:
|
|
10238
|
-
onError:
|
|
10239
|
-
}), React__default.createElement("div", {
|
|
10230
|
+
src: imageURL,
|
|
10231
|
+
onError: handleImageError
|
|
10232
|
+
})), React__default.createElement("div", {
|
|
10240
10233
|
className: cls$7.title
|
|
10241
10234
|
}, title), React__default.createElement("p", {
|
|
10242
10235
|
className: cls$7.FRPText,
|
|
@@ -10260,13 +10253,13 @@ FeaturedCampaignCard.propTypes = {
|
|
|
10260
10253
|
title: _pt.string,
|
|
10261
10254
|
description: _pt.string,
|
|
10262
10255
|
completed: _pt.number,
|
|
10263
|
-
|
|
10256
|
+
maxWidth: _pt.number,
|
|
10264
10257
|
donation: _pt.number,
|
|
10265
10258
|
raised: _pt.number,
|
|
10266
10259
|
goal: _pt.number,
|
|
10267
10260
|
onClick: _pt.func.isRequired,
|
|
10268
10261
|
fundraisingText: _pt.string.isRequired,
|
|
10269
|
-
|
|
10262
|
+
handleImageError: _pt.func
|
|
10270
10263
|
};
|
|
10271
10264
|
|
|
10272
10265
|
var css$8 = ".fundraising-section-module_wrapper__2vajR {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_leftSide__1zI_4 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_image__1G7d9 {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_title__3qv_k {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_description__1kteS {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n";
|