From 63e22059cfc62b065f4367c4585da48937e1eabd Mon Sep 17 00:00:00 2001
From: matty <matty@nicecrew.digital>
Date: Tue, 2 Apr 2024 16:22:32 -0400
Subject: [PATCH] add payment gateway and fix crypto banner

---
 README.md                    | 2 +-
 client/pages/subscription.js | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index e814bc3..af3fe39 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ This plugin allow you to sell storage space to your users using Stripe subscript
 Payments are automated with Stripe.
 
 ## Getting Started <a name = "getting_started"></a>
-This is the NCD fork of the [peertube-plugin-orion-sell-storage](https://git.ncd-serv.fr/ncd/Peertube-plugins/src/branch/master/peertube-plugin-ncd-sell-storage) PeerTube plugin. This fork at inception allows you to add five packages rather than the original three. Everything else is pretty much left as-is, unless I decide to work on it more.
+This is the NCD fork of the [peertube-plugin-orion-sell-storage](https://git.orion-serv.fr/ncd/Peertube-plugins/src/branch/master/peertube-plugin-ncd-sell-storage) PeerTube plugin. This fork at inception allows you to add five packages rather than the original three. Everything else is pretty much left as-is, unless I decide to work on it more.
 Check [Prerequisites](#Prerequisites) to install this plugin
 
 ### Prerequisites
diff --git a/client/pages/subscription.js b/client/pages/subscription.js
index bf9894c..2fef5d3 100644
--- a/client/pages/subscription.js
+++ b/client/pages/subscription.js
@@ -45,9 +45,9 @@ async function showPage({ rootEl, peertubeHelpers }) {
     rootEl.innerHTML = `
         <div class="ncd-content text-center">
         <h1>${await peertubeHelpers.translate("Choose your Storage Plan")}</h1>
-        <h4><i>To subscribe to a storage plan with cryptocurrency (BTC, ETH, XMR) or cancel/update your subscription tier, <a href="/about/contact">contact us</a>.</i></h4>
+        <h5><i>To subscribe to a storage plan with cryptocurrency (BTC, ETH, XMR), <a href="/about/contact">contact us</a>.</i></h5>
             <!-- <p>${description.length ? description : await peertubeHelpers.translate("You want tu spport us ? Or need more space ? Your in the right place!")}</p> -->
-            <div class="mt-5">
+            <div class="mt-5" style="max-width: 90%; margin: 0 auto;">
                 <div class="row">
                     ${(await Promise.all(plans.map(async (plan) =>
         `<div class="col-sm-12 col-md-6 col-lg-4"  style="margin-bottom: 1rem;">
@@ -81,6 +81,10 @@ async function showPage({ rootEl, peertubeHelpers }) {
             ${sub_plan ? `
                 <p><i><b>${await translate("Your current plan")}</b>: ${sub_plan.name}, ${currency}${sub_plan.price} /${await peertubeHelpers.translate("month")}, ${sub_plan.storage} ${await peertubeHelpers.translate("GB Storage")}</i></p>
             ` : ""}
+            
+            <div>
+            <a href="https://billing.stripe.com/p/login/aEUg0YcdE3ff9j2cMM" target="_blank" style="font-size: 1.25rem; background-color: #0083f5; color: white; border-radius: 0.25rem; padding: 0.5rem 0.75rem; margin-top: 0.5rem;">Manage Subcription</a>
+            <div>
                     
         </div>
     `;