diff --git a/src/templates/Price.tsx b/src/templates/Price.tsx index f1cec90..6eb5137 100644 --- a/src/templates/Price.tsx +++ b/src/templates/Price.tsx @@ -21,6 +21,28 @@ interface Package { } export default function Page({language}: {language: "en" | "ar"}) { + const getDurationUnit = (duration: number, durationUnitSingular: string, durationUnitPlural: string) => { + if(duration >= 2 && duration <= 10) { + return durationUnitPlural; + } + + return durationUnitSingular; + } + const durationAndDurationUnitParser = (duration: number, duration_unit: DurationUnit) => { + if(language === 'ar') { + switch (duration_unit) { + case "days": + return `${duration} ${getDurationUnit(duration, translation.days.singular[language], translation.days.plural[language])}`; + case "weeks": + return `${duration} ${getDurationUnit(duration, translation.weeks.singular[language], translation.weeks.plural[language])}`; + case "months": + return `${duration} ${getDurationUnit(duration, translation.months.singular[language], translation.months.plural[language])}`; + } + } + + return capitalize(duration === 1 ? duration_unit.slice(0, duration_unit.length - 1) : duration_unit); + } + const [payments, setPayments] = React.useState([]); const getData = async () => { // Fetch data from external API @@ -51,8 +73,7 @@ export default function Page({language}: {language: "en" | "ar"}) {
EnCoach's Logo - EnCoach - {p.duration}{" "} - {capitalize(p.duration === 1 ? p.duration_unit.slice(0, p.duration_unit.length - 1) : p.duration_unit)} + {translation.encoach[language]} - {durationAndDurationUnitParser(p.duration, p.duration_unit)}
diff --git a/src/translation/price.json b/src/translation/price.json index a0abc15..6dcd592 100644 --- a/src/translation/price.json +++ b/src/translation/price.json @@ -22,5 +22,39 @@ "packageIncludesC": { "en": "Allow yourself to correctly prepare for the exam", "ar": "امنح نفسك الفرصة للتحضير بشكل صحيح للإختبار" + }, + "days": { + "singular": { + "en": "Day", + "ar": "يوم" + }, + "plural": { + "en": "Days", + "ar": "أيام" + } + }, + "weeks": { + "singular": { + "en": "Week", + "ar": "أسبوع" + }, + "plural": { + "en": "Weeks", + "ar": "أسابيع" + } + }, + "months": { + "singular": { + "en": "Month", + "ar": "شهر" + }, + "plural": { + "en": "Months", + "ar": "شهور" + } + }, + "encoach": { + "en": "EnCoach", + "ar": "إنكوتش" } } \ No newline at end of file