Unpurchase

src/app/premium/page.tsx

@@ -73,20 +73,21 @@ export default function PremiumPageHome () {
               <p className='max-w-80 text-center'>And much, much more!</p>
             </div>
           </div>
-          <div className='flex justify-center mt-2'>
-            <button className='button' onClick={() => setPurchased(true)}>
-              Purchase
-            </button>
-          </div>
         </>
       ) : (
         <iframe
+          className='mt-2'
           width='1280'
           height='720'
           src='https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1'
           allow='autoplay'
         ></iframe>
       )}
+      <div className='flex justify-center mt-2'>
+        <button className='button' onClick={() => setPurchased(purchased)}>
+          {purchased ? 'Unpurchase' : 'Purchase'}
+        </button>
+      </div>
     </div>
   )
 }