Fixed hydration error

codelitdev · Mar 21, 2024 · 3ba2a42 · 3ba2a42
1 parent b8f755b
commit 3ba2a42
Showing 1 changed file with 6 additions and 3 deletions.
diff --git 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}