diff --git a/app/[locale]/10years/_components/TorchHistoryCard.tsx b/app/[locale]/10years/_components/TorchHistoryCard.tsx index 6b8c259a245..7896084d8cf 100644 --- a/app/[locale]/10years/_components/TorchHistoryCard.tsx +++ b/app/[locale]/10years/_components/TorchHistoryCard.tsx @@ -74,7 +74,10 @@ const TorchHistoryCard: React.FC = ({ {!isPlaceholder && ( <>
- From {formatDate(from)} to {formatDate(to)} + {isCurrentHolder + ? `From ${formatDate(from)}` + : `From ${formatDate(from)} to ${formatDate(to)}` + }
{ + const pr = new Intl.PluralRules('en', { type: 'ordinal' }); + const rule = pr.select(num); + + switch (rule) { + case "one": return `${num}st`; + case "two": return `${num}nd`; + case "few": return `${num}rd`; + default: return `${num}th`; + } +} + const TorchHistorySwiper = ({ holders, currentHolderAddress, @@ -40,8 +52,8 @@ const TorchHistorySwiper = ({ // Create placeholder for future holder return { address: `placeholder-${index}` as Address, - name: `Future Bearer ${index + 1}`, - role: "Coming soon...", + name: `Torchbearer ${index + 1}`, + role: `Coming July ${getOrdinalSuffix(20 + index)}!`, twitter: "", event: { from: "0x0000000000000000000000000000000000000000" as Address, @@ -105,4 +117,4 @@ const TorchHistorySwiper = ({ ) } -export default TorchHistorySwiper +export default TorchHistorySwiper \ No newline at end of file