\n {this.props.showProgress ? (\n
\n
{\n this.meter = meter\n }}\n styleName=\"meter-canvas\"\n />\n \n \n
\n \n ) : (\n this.props.compact && (\n
\n )\n )}\n {this.props.showPercentage && this.props.showProgress ? (\n
{percentage}
\n ) : (\n ''\n )}\n
\n
\n \n {currencySymbol}\n \n {this.props.editable ? (\n \n ) : (\n {valueFormatted}\n )}\n \n {currencySymbol}\n \n
\n {this.props.showIntlCurrencyCode &&\n shouldUseIntlFormat(this.props.currency) && (\n
{this.props.currency}
\n )}\n
\n {compact &&\n !this.props.canChipIn && (\n
\n )}\n {compact &&
{this.props.title}
}\n {hasGoal &&\n reached &&\n compact &&
{i18n('reached')}
}\n {sharingProgress ? (\n
\n {hasGoal ? (\n
\n {delayed => (\n \n {value => (\n \n )}\n \n )}\n \n ) : (\n \n )}\n \n {hasGoal ? (\n \n {i18n('goal', { value: goalFormatted })}\n
\n ) : (\n {i18n('collected')}
\n )}\n \n ) : (\n hasGoal && (\n
\n {i18n('just_goal', { value: goalFormatted })}\n
\n )\n )}\n {(hasGoal || hasProgress) &&\n shouldUseIntlFormat(this.props.currency) && (\n
{this.props.currency}
\n )}\n\n {!compact &&\n hasProgress &&\n (hasDaysPassed || hasContributionsCount) && (\n
\n {historyString}\n
\n )}\n {showPledge && (\n
\n {i18n('pledged' + (compact ? '' : '_name'), {\n amount: pledgeFormatted,\n name,\n })}\n
\n )}\n {((!compact && daysRemainingElement) ||\n (compact && showPledge && !hasContributionsCount)) && (\n
\n )}\n {!compact &&\n daysRemainingElement &&
{daysRemainingElement}}\n