diff options
Diffstat (limited to 'src/components/ChannelCard/ChannelCard.tsx')
| -rw-r--r-- | src/components/ChannelCard/ChannelCard.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/components/ChannelCard/ChannelCard.tsx b/src/components/ChannelCard/ChannelCard.tsx index 8f4fa07..44541ad 100644 --- a/src/components/ChannelCard/ChannelCard.tsx +++ b/src/components/ChannelCard/ChannelCard.tsx @@ -1,5 +1,6 @@ import React from 'react'; import Image from 'next/image'; +import Countdown from '../Countdown'; type ChannelCardProps = { channel_id: string; @@ -78,8 +79,11 @@ const ChannelCard: React.FC<ChannelCardProps> = ({ Next Milestone: {Number(nextMilestone).toLocaleString()} </p> <p className="text-xs sm:text-sm text-gray-300"> - Estimated in {nextMilestoneDays} days ({nextMilestoneDate}) + Estimated Date: {nextMilestoneDate} </p> + <div className="flex justify-center"> + <Countdown targetDate={nextMilestoneDate} /> + </div> </div> <button onClick={() => window.open(`https://youtube.com/channel/${channel_id}`, '_blank')} |
