From a48211643a2efea1bc7b11bb7f799536b86c54cf Mon Sep 17 00:00:00 2001
From: unknown <051.sys113@gmail.com>
Date: Wed, 6 Mar 2024 23:12:16 +0330
Subject: [PATCH 1/3] fix: fix countdown without using moment

---
 src/app/components/CountDown.tsx | 47 ++++++++++++++++++++------------
 1 file changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/app/components/CountDown.tsx b/src/app/components/CountDown.tsx
index a954df5..b2cc674 100644
--- a/src/app/components/CountDown.tsx
+++ b/src/app/components/CountDown.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { conferenceDateTime } from "@/data/timing";
-import moment from "moment";
 import Wave from "@/assets/images/home/count-down-wave.svg";
 import WaveMobile from "@/assets/images/home/count-down-wave-mobile.svg";
 import Image from "next/image";
@@ -24,26 +23,40 @@ export default function CountDown() {
       <HiOutlineClock className="absolute inset-y-0 -z-10 size-60 text-zinc-800/20 lg:size-[460px]" />
 
       <div className="flex flex-col gap-2 text-center text-2xl lg:text-4xl">
-        <strong className="font-bold">ساعت‌ها رو دوباره کوک کردیم</strong>
-        <span className="text-zinc-400">اینجا ثانیه‌ها ارزشمندند</span>
+        <strong className="font-bold">دلتنگتون هستیم</strong>
+        <span className="text-zinc-400">
+          به خاطر خاطره‌های زیبایی که ساختیم
+        </span>
       </div>
       <CountDownTimer />
       <p className="text-xl text-zinc-400 lg:mt-8 lg:text-3xl/snug">
-        تا شروع دومین همایش فرانت چپتر
+        گذشته از آخرین دورهمی حضوری
       </p>
     </section>
   );
-}
+} 
 
 const CountDownTimer = () => {
+  const calculateDuration = (start: number, end: number) => {
+    const totalSeconds = Math.floor((end - start) / 1000);
+    const days = Math.floor(totalSeconds / (3600 * 24));
+    const hours = Math.floor((totalSeconds % (3600 * 24)) / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = Math.floor(totalSeconds % 60);
+
+    return {
+      days,
+      hours,
+      minutes,
+      seconds,
+    };
+  };
+
   const [now, setNow] = useState(Date.now());
-  const duration = moment.duration(
-    Math.max(moment(conferenceDateTime).diff(now), 0),
-  );
+  const conferenceDate = conferenceDateTime.getTime();
+  const duration = calculateDuration(now, conferenceDate);
 
-  /**
-   * Update the current time every second
-   */
+  // Update the current time every second
   useEffect(() => {
     const interval = setInterval(() => {
       setNow(Date.now());
@@ -54,32 +67,32 @@ const CountDownTimer = () => {
   const times = [
     {
       label: "ثانیه",
-      value: duration.seconds(),
+      value: duration.seconds,
     },
     {
       label: "دقیقه",
-      value: duration.minutes(),
+      value: duration.minutes,
     },
     {
       label: "ساعت",
-      value: duration.hours(),
+      value: duration.hours,
     },
     {
       label: "روز",
-      value: Math.trunc(duration.asDays()),
+      value: duration.days,
     },
   ];
 
   return (
     <div className="mt-7 flex gap-3 lg:mt-8 lg:gap-6">
-      {[...times].map(({ label, value }, index) => (
+      {[...times].map(({ label, value }) => (
         <Fragment key={label}>
           <div className="flex w-12 flex-col text-center lg:w-24">
             <span
               className="text-3xl/snug text-green-500 lg:text-5xl/snug"
               suppressHydrationWarning
             >
-              {value.toLocaleString("fa-IR")}
+              {Math.abs(value).toLocaleString("fa-IR")}
             </span>
             <span className="text-zinc-500 lg:text-xl">{label}</span>
           </div>

From ce7a4967ac1f51d1141d8685ff7e13edc5d72c59 Mon Sep 17 00:00:00 2001
From: unknown <051.sys113@gmail.com>
Date: Wed, 6 Mar 2024 23:15:35 +0330
Subject: [PATCH 2/3] build: remove `moment`

---
 package.json   | 1 -
 pnpm-lock.yaml | 7 -------
 2 files changed, 8 deletions(-)

diff --git a/package.json b/package.json
index 941d2e0..b977ab6 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,6 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "lucide-react": "^0.309.0",
-    "moment": "^2.30.1",
     "next": "14.0.4",
     "react": "^18",
     "react-dom": "^18",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dd3ff4d..a8939a7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,9 +29,6 @@ dependencies:
   lucide-react:
     specifier: ^0.309.0
     version: 0.309.0(react@18.2.0)
-  moment:
-    specifier: ^2.30.1
-    version: 2.30.1
   next:
     specifier: 14.0.4
     version: 14.0.4(react-dom@18.2.0)(react@18.2.0)
@@ -3108,10 +3105,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /moment@2.30.1:
-    resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==}
-    dev: false
-
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
     dev: true

From c5ef6e6d209b71083cedc2eedc97328f992cbca9 Mon Sep 17 00:00:00 2001
From: Amir Hossein Karimi <amir.hossein7464@gmail.com>
Date: Thu, 7 Mar 2024 01:07:43 +0330
Subject: [PATCH 3/3] feat: change `<CountDown>` text

---
 src/app/components/CountDown.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/CountDown.tsx b/src/app/components/CountDown.tsx
index b2cc674..e313239 100644
--- a/src/app/components/CountDown.tsx
+++ b/src/app/components/CountDown.tsx
@@ -30,11 +30,11 @@ export default function CountDown() {
       </div>
       <CountDownTimer />
       <p className="text-xl text-zinc-400 lg:mt-8 lg:text-3xl/snug">
-        گذشته از آخرین دورهمی حضوری
+        از همایش سال ۱۴۰۲ گذشته
       </p>
     </section>
   );
-} 
+}
 
 const CountDownTimer = () => {
   const calculateDuration = (start: number, end: number) => {