From 9708c399fb4139e062d7c26efd92091daf1b0bb8 Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Sun, 21 Jul 2024 23:50:18 +0530
Subject: [PATCH 1/7] subscription cancel modal

---
 app/components/SubscriptionCancelModal.tsx | 44 ++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 app/components/SubscriptionCancelModal.tsx

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
new file mode 100644
index 00000000..aa08077a
--- /dev/null
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog'
+import { Button } from './ui/button'
+import { useNavigate } from '@remix-run/react'
+
+
+interface SubscripptionCancelModalProperties {
+    onclick?: () => void
+    children: React.ReactNode
+    onReactivateSubscription?: () => void
+}
+
+
+export default function SubscripptionCancelModal({
+    children,
+    onclick,
+    onReactivateSubscription
+}: SubscripptionCancelModalProperties) {
+    const navigate= useNavigate();
+  
+ const  onGoToDashboard = () => {
+        navigate('/dashboard');
+}
+    return (
+    <Dialog>
+    <DialogTrigger asChild>
+      <Button variant="outline" onClick={onclick}>{children}</Button>
+    </DialogTrigger>
+    <DialogContent className="sm:max-w-[425px]">
+      <DialogHeader>
+        <DialogTitle>Subscription canceled</DialogTitle>
+        <DialogDescription>
+         Your subscription has been successfully canceled. If you change your mind, you can reactivate your subscription anytime
+        </DialogDescription>
+      </DialogHeader>
+   
+      <DialogFooter>
+        <Button variant="outline" onClick={onReactivateSubscription}>Reactivate Subscription</Button>
+        <Button type="submit" onClick={onGoToDashboard}>Go to Dashboard</Button>
+      </DialogFooter>
+    </DialogContent>
+  </Dialog>
+  )
+}

From a9b64f063bb8f582d60ac0198a177f8ec6fc20d1 Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Sun, 21 Jul 2024 23:55:01 +0530
Subject: [PATCH 2/7] subscription cancel modal

---
 app/components/SubscriptionCancelModal.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
index aa08077a..b5577668 100644
--- a/app/components/SubscriptionCancelModal.tsx
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -5,7 +5,6 @@ import { useNavigate } from '@remix-run/react'
 
 
 interface SubscripptionCancelModalProperties {
-    onclick?: () => void
     children: React.ReactNode
     onReactivateSubscription?: () => void
 }
@@ -13,7 +12,6 @@ interface SubscripptionCancelModalProperties {
 
 export default function SubscripptionCancelModal({
     children,
-    onclick,
     onReactivateSubscription
 }: SubscripptionCancelModalProperties) {
     const navigate= useNavigate();
@@ -24,7 +22,7 @@ export default function SubscripptionCancelModal({
     return (
     <Dialog>
     <DialogTrigger asChild>
-      <Button variant="outline" onClick={onclick}>{children}</Button>
+      <Button variant="outline">{children}</Button>
     </DialogTrigger>
     <DialogContent className="sm:max-w-[425px]">
       <DialogHeader>

From 8844fc2325b38e65c790ebc72fa7394924e52e66 Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Mon, 22 Jul 2024 00:05:56 +0530
Subject: [PATCH 3/7] subscription cancel modal

---
 app/components/SubscriptionCancelModal.tsx | 63 +++++++++++-----------
 1 file changed, 32 insertions(+), 31 deletions(-)

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
index b5577668..2f127ab9 100644
--- a/app/components/SubscriptionCancelModal.tsx
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -1,42 +1,43 @@
-import React from 'react'
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog'
-import { Button } from './ui/button'
-import { useNavigate } from '@remix-run/react'
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
+import { Button } from './ui/button';
+import { useNavigate } from '@remix-run/react';
 
 
 interface SubscripptionCancelModalProperties {
-    children: React.ReactNode
-    onReactivateSubscription?: () => void
+  children: React.ReactNode;
+  onReactivateSubscription?: () => void;
 }
 
 
 export default function SubscripptionCancelModal({
-    children,
-    onReactivateSubscription
+  children,
+  onReactivateSubscription
 }: SubscripptionCancelModalProperties) {
-    const navigate= useNavigate();
-  
- const  onGoToDashboard = () => {
-        navigate('/dashboard');
-}
-    return (
+  const navigate = useNavigate();
+
+  const onGoToDashboard = () => {
+    navigate('/dashboard');
+  }
+  return (
     <Dialog>
-    <DialogTrigger asChild>
-      <Button variant="outline">{children}</Button>
-    </DialogTrigger>
-    <DialogContent className="sm:max-w-[425px]">
-      <DialogHeader>
-        <DialogTitle>Subscription canceled</DialogTitle>
-        <DialogDescription>
-         Your subscription has been successfully canceled. If you change your mind, you can reactivate your subscription anytime
-        </DialogDescription>
-      </DialogHeader>
-   
-      <DialogFooter>
-        <Button variant="outline" onClick={onReactivateSubscription}>Reactivate Subscription</Button>
-        <Button type="submit" onClick={onGoToDashboard}>Go to Dashboard</Button>
-      </DialogFooter>
-    </DialogContent>
-  </Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">{children}</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>Subscription canceled</DialogTitle>
+          <DialogDescription>
+            Your subscription has been successfully canceled. If you change your mind,
+            you can reactivate your subscription anytime
+          </DialogDescription>
+        </DialogHeader>
+
+        <DialogFooter>
+          <Button variant="outline" onClick={onReactivateSubscription}>Reactivate Subscription</Button>
+          <Button type="submit" onClick={onGoToDashboard}>Go to Dashboard</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   )
 }

From 7682e5b7dfb5d368585223522c63d95802cce3ad Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Mon, 22 Jul 2024 00:11:18 +0530
Subject: [PATCH 4/7] subscription cancel modal

---
 app/components/SubscriptionCancelModal.tsx | 31 +++++++++++-----------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
index 2f127ab9..e1afb45d 100644
--- a/app/components/SubscriptionCancelModal.tsx
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -1,24 +1,23 @@
 import React from 'react';
+import { useNavigate } from '@remix-run/react';
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
 import { Button } from './ui/button';
-import { useNavigate } from '@remix-run/react';
-
 
-interface SubscripptionCancelModalProperties {
+interface SubscriptionCancelModalProperties {
   children: React.ReactNode;
   onReactivateSubscription?: () => void;
 }
 
-
-export default function SubscripptionCancelModal({
+export default function SubscriptionCancelModal({
   children,
   onReactivateSubscription
-}: SubscripptionCancelModalProperties) {
+}: SubscriptionCancelModalProperties) {
   const navigate = useNavigate();
 
   const onGoToDashboard = () => {
-    navigate('/dashboard');
-  }
+    navigate("/dashboard");
+  };
+
   return (
     <Dialog>
       <DialogTrigger asChild>
@@ -26,18 +25,20 @@ export default function SubscripptionCancelModal({
       </DialogTrigger>
       <DialogContent className="sm:max-w-[425px]">
         <DialogHeader>
-          <DialogTitle>Subscription canceled</DialogTitle>
+          <DialogTitle>Subscription Canceled</DialogTitle>
           <DialogDescription>
-            Your subscription has been successfully canceled. If you change your mind,
-            you can reactivate your subscription anytime
+            Your subscription has been successfully canceled. If you change your mind, you can reactivate your subscription anytime
           </DialogDescription>
         </DialogHeader>
-
         <DialogFooter>
-          <Button variant="outline" onClick={onReactivateSubscription}>Reactivate Subscription</Button>
-          <Button type="submit" onClick={onGoToDashboard}>Go to Dashboard</Button>
+          <Button variant="outline" onClick={onReactivateSubscription}>
+            Reactivate Subscription
+          </Button>
+          <Button type="submit" onClick={onGoToDashboard}>
+            Go to Dashboard
+          </Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
-  )
+  );
 }

From f088fcd1c513bee05fdcc4e01ae8d7d8a8d05795 Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Mon, 22 Jul 2024 00:16:12 +0530
Subject: [PATCH 5/7] fixing eslint

---
 app/components/SubscriptionCancelModal.tsx | 23 +++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
index e1afb45d..2355b5db 100644
--- a/app/components/SubscriptionCancelModal.tsx
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -1,7 +1,14 @@
-import React from 'react';
-import { useNavigate } from '@remix-run/react';
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
-import { Button } from './ui/button';
+import { useNavigate } from "@remix-run/react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "./ui/dialog";
+import { Button } from "./ui/button";
 
 interface SubscriptionCancelModalProperties {
   children: React.ReactNode;
@@ -10,7 +17,7 @@ interface SubscriptionCancelModalProperties {
 
 export default function SubscriptionCancelModal({
   children,
-  onReactivateSubscription
+  onReactivateSubscription,
 }: SubscriptionCancelModalProperties) {
   const navigate = useNavigate();
 
@@ -25,11 +32,13 @@ export default function SubscriptionCancelModal({
       </DialogTrigger>
       <DialogContent className="sm:max-w-[425px]">
         <DialogHeader>
-          <DialogTitle>Subscription Canceled</DialogTitle>
+          <DialogTitle>Subscription canceled</DialogTitle>
           <DialogDescription>
-            Your subscription has been successfully canceled. If you change your mind, you can reactivate your subscription anytime
+            Your subscription has been successfully canceled. If you change your
+            mind, you can reactivate your subscription anytime
           </DialogDescription>
         </DialogHeader>
+
         <DialogFooter>
           <Button variant="outline" onClick={onReactivateSubscription}>
             Reactivate Subscription

From e35fa7bf2d758a33fa4bf8715ab3a012c6c161fe Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Mon, 22 Jul 2024 00:21:30 +0530
Subject: [PATCH 6/7] fixing eslint

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

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
index 2355b5db..571a2cf7 100644
--- a/app/components/SubscriptionCancelModal.tsx
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -7,8 +7,8 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "./ui/dialog";
-import { Button } from "./ui/button";
+} from "~/components/ui/dialog";
+import { Button } from "~/components/ui/button";
 
 interface SubscriptionCancelModalProperties {
   children: React.ReactNode;

From b2ea64a40494e3facfb9967db534fdd8cfb4b144 Mon Sep 17 00:00:00 2001
From: shuaibu-shehu <shuaibushehukalifa@gmail.com>
Date: Mon, 22 Jul 2024 00:23:08 +0530
Subject: [PATCH 7/7] fixing eslint

---
 app/components/SubscriptionCancelModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/SubscriptionCancelModal.tsx b/app/components/SubscriptionCancelModal.tsx
index 571a2cf7..12cea77e 100644
--- a/app/components/SubscriptionCancelModal.tsx
+++ b/app/components/SubscriptionCancelModal.tsx
@@ -1,4 +1,6 @@
 import { useNavigate } from "@remix-run/react";
+
+import { Button } from "~/components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -8,7 +10,6 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "~/components/ui/dialog";
-import { Button } from "~/components/ui/button";
 
 interface SubscriptionCancelModalProperties {
   children: React.ReactNode;