From 3ba2a42bc274a87afeb035944e6277d4bb93ba0e Mon Sep 17 00:00:00 2001
From: Ravi Rajput <ravi81rajput@gmail.com>
Date: Thu, 21 Mar 2024 13:47:39 +0530
Subject: [PATCH] Fixed hydration error

---
 .../app/account/billing/resume-subscription-button.tsx   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/account/billing/resume-subscription-button.tsx b/apps/web/app/account/billing/resume-subscription-button.tsx
index 3983cd22..30c02f8f 100644
--- a/apps/web/app/account/billing/resume-subscription-button.tsx
+++ b/apps/web/app/account/billing/resume-subscription-button.tsx
@@ -48,7 +48,10 @@ export default function ResumeSubscriptionButton({
             </Submit>
 
             {currentPlan !== "Basic" && subscriptionStatus === "cancelled" && (
-                <p className="text-center text-sm text-slate-500">
+                <p
+                    className="text-center text-sm text-slate-500"
+                    suppressHydrationWarning={true}
+                >
                     Expires at{" "}
                     {new Date(expiresAt).toLocaleDateString(undefined, {
                         day: "numeric",
@@ -77,12 +80,12 @@ function Submit({
     if (currentPlan === "Basic" && subscriptionStatus === "cancelled") {
         buttonText = "Current plan";
         className =
-            "pointer-events-none w-full mb-6 bg-white hover:bg-white !text-muted-foreground border border-muted-foreground";
+            "pointer-events-none w-full mb-5 bg-white hover:bg-white !text-muted-foreground border border-muted-foreground";
     }
 
     return (
         <Button
-            className={`bg-red-500 hover:bg-red-700 w-full text-white mb-2 ${className}`}
+            className={`bg-red-500 hover:bg-red-700 w-full text-white mb-1 ${className}`}
             type="submit"
             variant="secondary"
             disabled={status.pending}