Merge pull request #12 from noramp/feature/refresh-on-close

change ids and refresh on close
noramp · Apr 30, 2024 · 100d7ed · 100d7ed
2 parents 882b1a3 + 86307b4
commit 100d7ed
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 14 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -10,30 +10,30 @@ const App = () => {
       <div className="column dark">
         <p className="title">Light theme:</p>
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="light"
           type="buy"
           buttonTheme="light"
         />
 
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="light"
           type="book"
           buttonTheme="light"
         />
 
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="light"
           type="donate"
           buttonTheme="light"
         />
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="light"
           type="plain"
@@ -44,30 +44,30 @@ const App = () => {
       <div className="column light">
         <p className="title">Dark theme:</p>
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="dark"
           buttonTheme="dark"
         />
 
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="dark"
           buttonTheme="dark"
           type="checkout"
         />
 
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="dark"
           buttonTheme="dark"
           type="continue"
         />
 
         <NoRampCheckout
-          priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+          priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
           onSuccess={handleSuccess}
           theme="dark"
           type="plain"

diff --git a/example/src/routes/checkout.tsx b/example/src/routes/checkout.tsx
@@ -27,7 +27,7 @@ const Checkout = () => {
         <div className="grid w-full max-w-4xl grid-cols-1 gap-4 overflow-auto lg:grid-cols-2 ">
           <div className="flex">
             <NoRampCheckout
-              priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+              priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
               // priceId="price_1EJSx7ToLIsWmMQB6WLGmR"
               onSuccess={handleSuccess}
               theme={theme}
@@ -39,7 +39,7 @@ const Checkout = () => {
 
           <div className="flex">
             <NoRampCheckout
-              priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+              priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
               onSuccess={handleSuccess}
               theme={theme}
               type="book"
@@ -49,7 +49,7 @@ const Checkout = () => {
 
           <div className="flex">
             <NoRampCheckout
-              priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+              priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
               onSuccess={handleSuccess}
               theme={theme}
               type="donate"
@@ -59,7 +59,7 @@ const Checkout = () => {
 
           <div className="flex">
             <NoRampCheckout
-              priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+              priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
               onSuccess={handleSuccess}
               theme={theme}
               buttonTheme={theme}
@@ -68,7 +68,7 @@ const Checkout = () => {
           </div>
           <div className="flex">
             <NoRampCheckout
-              priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+              priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
               onSuccess={handleSuccess}
               theme={theme}
               buttonTheme={theme}
@@ -77,7 +77,7 @@ const Checkout = () => {
           </div>
           <div className="flex">
             <NoRampCheckout
-              priceId="price_3O7ZpGp3BmILQOQhlzk2Pg"
+              priceId="pi_0a0CHdzVCUSwvZmvbQ1gjm"
               onSuccess={handleSuccess}
               theme={theme}
               type="plain"

diff --git a/src/hooks/useNoRampModal.ts b/src/hooks/useNoRampModal.ts
@@ -204,6 +204,10 @@ export const useNoRampModal = (config: NoRampConfig) => {
     if (iframeRef.current) {
       iframeRef.current.style.display = 'none';
 
+      const src = getSrc(config);
+
+      iframeRef.current.src = `${src}?reload=${Date.now()}`;
+
       setIsOpen(false);
     }
   };