inform before charges

docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3'
+# version: '3'
 services:
   merms-panel:
     # image: registry.chiefsoft.net/merms-panel-reactjs:latest

src/component/subscribe/Subscribe.jsx

@@ -5,7 +5,7 @@ import SubscribeNewCard from "./SubscribeNewCard";
 import SubscribePreviousCard from "./SubscribePreviousCard";
 import SubcribePaymentOptions from "./SubcribePaymentOptions";
 import StripeSubscriptionButton from "./StripeSubscriptionButton";
-
+import SubscribeInfo from "./SubscribeInfo";
 
 export default function Subscribe() {
     const {state: {selectedSubscription, customerId}} = useLocation()
@@ -35,6 +35,7 @@ export default function Subscribe() {
                                 {/*    <SubscribePreviousCard/>*/}
                                 {/*}*/}
                                 <>
+                                    <SubscribeInfo />
                                     <StripeSubscriptionButton priceId={selectedSubscription.stripe_price_id}
                                                               customerId={customerId}
                                                               option_name={selectedSubscription.option_name}/>

src/component/subscribe/SubscribeInfo.jsx

@@ -0,0 +1,28 @@
+import React from 'react'
+export default function SubscribeInfo(){
+
+    return <>
+        <div className="row">
+            <div className="col-md-12 col-12 selects-contant">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading" style={{textAlign: 'left'}}>
+                            <h4 className="card-title">SubscribeInfo</h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="form-group mb-0">
+
+
+
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+    </>
+
+}