diff --git a/src/components/settingComponents/UpgradeBox.jsx b/src/components/settingComponents/UpgradeBox.jsx index fb7fa225..d4424b8b 100644 --- a/src/components/settingComponents/UpgradeBox.jsx +++ b/src/components/settingComponents/UpgradeBox.jsx @@ -1,176 +1,176 @@ +import request from '@/utils/request' +import { loadStripe } from '@stripe/stripe-js' +import { useState } from 'react' +const STRIPE_KEY = process.env.NEXT_PUBLIC_APP_STRIPE_KEY +const subscriptionTypes = ['PRO_MONTHLY', 'PRO_YEARLY'] -import request from '@/utils/request'; -import { loadStripe } from '@stripe/stripe-js'; -const STRIPE_KEY = process.env.NEXT_PUBLIC_APP_STRIPE_KEY; -import { useState } from 'react'; -const subscriptionTypes = ['PRO_MONTHLY', 'PRO_YEARLY']; - -export default function UpgradeBox() { - const [loading, setLoading] = useState(-1); +export default function UpgradeBox () { + const [loading, setLoading] = useState(-1) const redirectToCheckout = async (subIdx) => { - setLoading(subIdx); + setLoading(subIdx) try { - - const stripe = await loadStripe(STRIPE_KEY); - const subscriptionType = subscriptionTypes[subIdx]; + const stripe = await loadStripe(STRIPE_KEY) + const subscriptionType = subscriptionTypes[subIdx] const body = { subType: subscriptionType, quantity: 1, operation: 'subscription', - data: {}, + data: {} } - console.log("Making a redirect to checkout...") - const url = `${process.env.NEXT_PUBLIC_API_URL}/payments/stripe/create-checkout-session`; - const session = await request(url, 'POST', body); - console.log("Data back from the server: ", session); + console.log('Making a redirect to checkout...') + const url = `${process.env.NEXT_PUBLIC_API_URL}/payments/stripe/create-checkout-session` + const session = await request(url, 'POST', body) + console.log('Data back from the server: ', session) if (session.error) { - console.log('Creating the stripe session failed'); - return; + console.log('Creating the stripe session failed') + return } - console.log("redirect starting now...") + console.log('redirect starting now...') const result = await stripe.redirectToCheckout({ - sessionId: session.sessionId, - }); - console.log("redirect ending now...") + sessionId: session.sessionId + }) + console.log('redirect ending now...') if (result.error) { - console.log(result.error.message); + console.log(result.error.message) } } catch (error) { - console.log("INTERNAL SERVER ERRROROOROR") - console.log(error); + console.log('INTERNAL SERVER ERRROROOROR') + console.log(error) } - setLoading(-1); - }; + setLoading(-1) + } return ( <> -
-
-
Pro plan
-
- $ - 5 - /month -
-
- Yearly subscribers save $2/month -
+
+
+
Pro plan
+
+ $ + 5 + /month +
+
+ Yearly subscribers save $2/month +
-
    -
  • +
      +
    • - + Acess to challenge catalog
      • -
    • +
    • - + Increased terminal time
      • -
    • +
    • - + No ads
      • -
    • +
    • - + Custom banner images
      • -
    • +
    • - + PRO badge
      • -
    • +
    • - + Colored username
      • -
    • +
    • - + Acess to upcoming beta features
    -
    +
    -
    - ); + ) }