Unpurchase

src/app/premium/page.tsx

@@ -24,6 +24,11 @@ export default function PremiumPageHome () {
       <p className='text-center text-4xl'>
         Lncvrt Games <span className='rainbow-text'>PREMIUM</span>
       </p>
+      <div className='flex justify-center mt-2'>
+        <button className='button' onClick={() => setPurchased(purchased)}>
+          {purchased ? 'Unpurchase' : 'Purchase'}
+        </button>
+      </div>
       {!purchased ? (
         <>
           <p className='text-center text-[18px] mb-4'>
@@ -73,14 +78,10 @@ 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'