fix: eslint

hngprojects · Aug 19, 2024 · b15b753 · b15b753
1 parent b39680b
commit b15b753
Show file tree

Hide file tree

Showing 10 changed files with 479 additions and 728 deletions.
diff --git a/src/app/dashboard/(admin)/admin/(settings)/settings/payment-information/[slug]/page.tsx b/src/app/dashboard/(admin)/admin/(settings)/settings/payment-information/[slug]/page.tsx
@@ -1,29 +1,29 @@
-/* eslint-disable prettier/prettier */
-
-"use client"
+"use client";
 
-import { useState, useEffect } from 'react';
-import { getApiUrl } from '~/actions/getApiUrl';
-import axios from 'axios';
-import { useToast } from '~/components/ui/use-toast';
-import CheckoutForm from '../_components/checkoutForm/checkoutForm';
-import Link from 'next/link';
- 
-import { ArrowLeft } from 'lucide-react';
+import axios from "axios";
+import { ArrowLeft } from "lucide-react";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+
+import { getApiUrl } from "~/actions/getApiUrl";
+import { useToast } from "~/components/ui/use-toast";
+import CheckoutForm from "../_components/checkoutForm/checkoutForm";
 
 const Page = ({ params }: { params: { slug: string } }) => {
   const [plan, setPlan] = useState({
     id: "",
     name: "",
-    price: 0
-  })
-  const { toast } = useToast()
+    price: 0,
+  });
+  const { toast } = useToast();
 
   useEffect(() => {
     const getSpecificPlan = async () => {
       try {
         const apiUrl = await getApiUrl();
-        const response = await axios.get(`${apiUrl}/api/v1/billing-plans/${params.slug}`);
+        const response = await axios.get(
+          `${apiUrl}/api/v1/billing-plans/${params.slug}`,
+        );
         setPlan(response.data.data);
       } catch {
         toast({
@@ -37,21 +37,21 @@ const Page = ({ params }: { params: { slug: string } }) => {
   }, [toast, params.slug]);
 
   return (
-    <div className=''>
-      <div className='flex flex-col gap-y-[16px] px-[14px]'>
-        <div className='flex items-center gap-x-[10px]'>
-          <Link href={'/dashboard/admin/settings/payment-information'}>
+    <div className="">
+      <div className="flex flex-col gap-y-[16px] px-[14px]">
+        <div className="flex items-center gap-x-[10px]">
+          <Link href={"/dashboard/admin/settings/payment-information"}>
             <ArrowLeft />
           </Link>
-          <p className='text-[24px] font-semibold'>{`Upgrade to ${plan.name}`}</p>
+          <p className="text-[24px] font-semibold">{`Upgrade to ${plan.name}`}</p>
         </div>
-        <p className='text-[14px] text-neutral-dark-2'>Do more with unlimited users and Integration when you upgrade</p>
+        <p className="text-[14px] text-neutral-dark-2">
+          Do more with unlimited users and Integration when you upgrade
+        </p>
       </div>
-      {/* <Elements stripe={stripePromise}> */}
       <CheckoutForm plan={plan} />
-      {/* </Elements> */}
     </div>
-  )
-}
+  );
+};
 
-export default Page
+export default Page;