File manager - Edit - /home/verseaumee/blueversion/wp-content/plugins/give/src/DonationForms/resources/app/form/Header.tsx
Back
import {useCallback} from 'react'; import {withTemplateWrapper} from '../templates'; import type {GoalType} from '@givewp/forms/propTypes'; import amountFormatter from '@givewp/forms/app/utilities/amountFormatter'; import DonationFormErrorBoundary from '@givewp/forms/app/errors/boundaries/DonationFormErrorBoundary'; import type {Form as DonationForm} from '@givewp/forms/types'; const formTemplates = window.givewp.form.templates; const HeaderTemplate = withTemplateWrapper(formTemplates.layouts.header); const HeaderTitleTemplate = withTemplateWrapper(formTemplates.layouts.headerTitle); const HeaderDescriptionTemplate = withTemplateWrapper(formTemplates.layouts.headerDescription); const GoalTemplate = withTemplateWrapper(formTemplates.layouts.goal); const HeaderImageTemplate = withTemplateWrapper(formTemplates.layouts.headerImage); /** * @since 3.0.0 */ export default function Header({form}: {form: DonationForm}) { const formatGoalAmount = useCallback((amount: number) => { return amountFormatter(form.currency, { maximumFractionDigits: 0, }).format(amount); }, []); return ( <DonationFormErrorBoundary> <HeaderTemplate isMultiStep={form.design?.isMultiStep} HeaderImage={() => form.settings?.designSettingsImageUrl && ( <HeaderImageTemplate url={form.settings?.designSettingsImageUrl} alt={form.settings?.designSettingsImageAlt || form.settings?.formTitle} color={form.settings?.designSettingsImageColor} opacity={form.settings?.designSettingsImageOpacity} /> ) } Title={() => form.settings?.showHeading && <HeaderTitleTemplate text={form.settings.heading} />} Description={() => form.settings?.showDescription && <HeaderDescriptionTemplate text={form.settings.description} /> } Goal={() => form.goal?.show && ( <GoalTemplate currency={form.currency} type={form.goal.type as GoalType} goalLabel={form.goal.label} progressPercentage={Math.round((form.goal.currentAmount / form.goal.targetAmount) * 100)} currentAmount={form.goal.currentAmount} currentAmountFormatted={ form.goal.typeIsMoney ? formatGoalAmount(form.goal.currentAmount) : form.goal.currentAmount.toString() } targetAmount={form.goal.targetAmount} targetAmountFormatted={ form.goal.typeIsMoney ? formatGoalAmount(form.goal.targetAmount) : form.goal.targetAmount.toString() } totalRevenue={form.stats.totalRevenue} totalRevenueFormatted={formatGoalAmount(form.stats.totalRevenue)} totalCountValue={form.stats.totalCountValue} totalCountLabel={form.stats.totalCountLabel} /> ) } /> </DonationFormErrorBoundary> ); }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings