From 1ab5215a4294c2bd80443a14088fcd79cbd97d16 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 5 Oct 2024 16:19:16 -0700
Subject: add countdown timer to date in next milestone projection

---
 src/components/ChannelCard/ChannelCard.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/ChannelCard')

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')}
-- 
cgit v1.2.3