From 8ac00c84f71cff7143f4968186ad52870bff2e06 Mon Sep 17 00:00:00 2001
From: Shreerang Kale <shreerangkale@gmail.com>
Date: Thu, 24 Jul 2025 12:56:26 +0530
Subject: [PATCH] Put native gor payment method behind flag

---
 .env.example     |  1 +
 src/app/page.tsx | 99 ++++++++++++++++++++++++------------------------
 2 files changed, 51 insertions(+), 49 deletions(-)

diff --git a/.env.example b/.env.example
index bfbe710..af6cdaa 100644
--- a/.env.example
+++ b/.env.example
@@ -7,6 +7,7 @@ NEXT_PUBLIC_GORBAGANA_RPC_URL=https://rpc.gorbagana.wtf
 NEXT_PUBLIC_SOLANA_TOKEN_MINT_ADDRESS=71Jvq4Epe2FCJ7JFSF7jLXdNk1Wy4Bhqd9iL6bEFELvg
 NEXT_PUBLIC_SOLANA_TOKEN_SYMBOL=GOR
 NEXT_PUBLIC_SOLANA_PAYMENT_AMOUNT_USD=5 # Payment amount in USD
+NEXT_PUBLIC_ENABLE_NATIVE_GOR_TRANSFER=true
 
 # Multisig address
 NEXT_PUBLIC_SOLANA_TOKEN_RECIPIENT_ADDRESS=FFDx3SdAEeXrp6BTmStB4BDHpctGsaasZq4FFcowRobY
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9d4c7a4..d0bd60b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -36,6 +36,14 @@ export default function Home() {
   const [error, setError] = useState<string | null>(null);
   const [incorrectChainWarining, setIncorrectChainWarining] = useState<string | null>(null);
 
+  const isNatGorEnabled = process.env.NEXT_PUBLIC_ENABLE_NATIVE_GOR_TRANSFER === "true";
+
+  useEffect(() => {
+    if (!isNatGorEnabled) {
+      setSelectedPaymentMethod(PaymentMethod.SPL_TOKEN);
+    }
+  }, [isNatGorEnabled, setSelectedPaymentMethod]);
+
   useEffect(() => {
     if (!wallet || wallet.adapter.name !== BackpackWalletName) {
       return;
@@ -64,7 +72,6 @@ export default function Home() {
     if (previousPaymentMethodRef.current !== null &&
         previousPaymentMethodRef.current !== selectedPaymentMethod &&
         connected) {
-      console.log("DISCONNECT TRIGGERED - Payment method switched while connected")
       disconnect();
     }
 
@@ -144,49 +151,49 @@ export default function Home() {
         </h1>
 
         {/* Step 1: Payment Method Selection */}
-        <div className="mb-10 p-6 rounded-lg" style={{ background: 'var(--muted-light)', borderLeft: '4px solid var(--primary)' }}>
-          <h2 className="text-lg font-semibold mb-4 flex items-center">
-            <span className="inline-flex items-center justify-center mr-3 w-7 h-7 rounded-full text-sm font-bold"
-                  style={{ background: 'var(--primary)', color: 'var(--primary-foreground)' }}>1</span>
-            Choose Payment Method
-          </h2>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <button
-              onClick={() => setSelectedPaymentMethod(PaymentMethod.NAT_GOR)}
-              className={`p-4 rounded-lg border-2 transition-colors ${
-                selectedPaymentMethod === PaymentMethod.NAT_GOR ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400'
-              }`}
-              style={{
-                backgroundColor: selectedPaymentMethod === PaymentMethod.NAT_GOR ? 'var(--accent)' : 'var(--card-bg)',
-                borderColor: selectedPaymentMethod === PaymentMethod.NAT_GOR ? 'var(--primary)' : 'var(--card-border)'
-              }}
-            >
-              <div className="text-left">
-                <h3 className="font-semibold text-lg mb-2">GOR (native)</h3>
-                <p className="text-xs mt-1" style={{ color: 'var(--muted-foreground)' }}>
-                  Compatible with: Backpack
-                </p>
+          { isNatGorEnabled &&
+            <div className="mb-10 p-6 rounded-lg" style={{ background: 'var(--muted-light)', borderLeft: '4px solid var(--primary)' }}>
+              <h2 className="text-lg font-semibold mb-4 flex items-center">
+                Choose Payment Method
+              </h2>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <button
+                  onClick={() => setSelectedPaymentMethod(PaymentMethod.NAT_GOR)}
+                  className={`p-4 rounded-lg border-2 transition-colors ${
+                    selectedPaymentMethod === PaymentMethod.NAT_GOR ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400'
+                  }`}
+                  style={{
+                    backgroundColor: selectedPaymentMethod === PaymentMethod.NAT_GOR ? 'var(--accent)' : 'var(--card-bg)',
+                    borderColor: selectedPaymentMethod === PaymentMethod.NAT_GOR ? 'var(--primary)' : 'var(--card-border)'
+                  }}
+                >
+                  <div className="text-left">
+                    <h3 className="font-semibold text-lg mb-2">GOR (native)</h3>
+                    <p className="text-xs mt-1" style={{ color: 'var(--muted-foreground)' }}>
+                      Compatible with: Backpack
+                    </p>
+                  </div>
+                </button>
+                <button
+                  onClick={() => setSelectedPaymentMethod(PaymentMethod.SPL_TOKEN)}
+                  className={`p-4 rounded-lg border-2 transition-colors ${
+                    selectedPaymentMethod === PaymentMethod.SPL_TOKEN ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400'
+                  }`}
+                  style={{
+                    backgroundColor: selectedPaymentMethod === PaymentMethod.SPL_TOKEN ? 'var(--accent)' : 'var(--card-bg)',
+                    borderColor: selectedPaymentMethod === PaymentMethod.SPL_TOKEN ? 'var(--primary)' : 'var(--card-border)'
+                  }}
+                >
+                  <div className="text-left">
+                    <h3 className="font-semibold text-lg mb-2">{process.env.NEXT_PUBLIC_SOLANA_TOKEN_SYMBOL} Token</h3>
+                    <p className="text-xs mt-1" style={{ color: 'var(--muted-foreground)' }}>
+                      Compatible with: Phantom, Solflare
+                    </p>
+                  </div>
+                </button>
               </div>
-            </button>
-            <button
-              onClick={() => setSelectedPaymentMethod(PaymentMethod.SPL_TOKEN)}
-              className={`p-4 rounded-lg border-2 transition-colors ${
-                selectedPaymentMethod === PaymentMethod.SPL_TOKEN ? 'border-blue-500 bg-blue-50' : 'border-gray-300 hover:border-gray-400'
-              }`}
-              style={{
-                backgroundColor: selectedPaymentMethod === PaymentMethod.SPL_TOKEN ? 'var(--accent)' : 'var(--card-bg)',
-                borderColor: selectedPaymentMethod === PaymentMethod.SPL_TOKEN ? 'var(--primary)' : 'var(--card-border)'
-              }}
-            >
-              <div className="text-left">
-                <h3 className="font-semibold text-lg mb-2">{process.env.NEXT_PUBLIC_SOLANA_TOKEN_SYMBOL} Token</h3>
-                <p className="text-xs mt-1" style={{ color: 'var(--muted-foreground)' }}>
-                  Compatible with: Phantom, Solflare
-                </p>
-              </div>
-            </button>
-          </div>
-        </div>
+            </div>
+          }
 
         {/* Step 2: Wallet Connection */}
         <div className="mb-10 p-6 rounded-lg" style={{
@@ -195,8 +202,6 @@ export default function Home() {
           opacity: selectedPaymentMethod ? '1' : '0.6'
         }}>
           <h2 className="text-lg font-semibold mb-4 flex items-center">
-            <span className="inline-flex items-center justify-center mr-3 w-7 h-7 rounded-full text-sm font-bold"
-                  style={{ background: 'var(--primary)', color: 'var(--primary-foreground)' }}>2</span>
             Connect Compatible Wallet
           </h2>
           {!selectedPaymentMethod ? (
@@ -272,8 +277,6 @@ export default function Home() {
           opacity: (connected && isWalletCompatible()) ? '1' : '0.6'
         }}>
           <h2 className="text-lg font-semibold mb-4 flex items-center">
-            <span className="inline-flex items-center justify-center mr-3 w-7 h-7 rounded-full text-sm font-bold"
-                  style={{ background: 'var(--primary)', color: 'var(--primary-foreground)' }}>3</span>
             Enter URL to Deploy
           </h2>
           <URLForm
@@ -285,8 +288,6 @@ export default function Home() {
         {status !== 'idle' && (
           <div className="p-6 rounded-lg" style={{ background: 'var(--muted-light)', borderLeft: '4px solid var(--primary)' }}>
             <h2 className="text-lg font-semibold mb-4 flex items-center">
-              <span className="inline-flex items-center justify-center mr-3 w-7 h-7 rounded-full text-sm font-bold"
-                    style={{ background: 'var(--primary)', color: 'var(--primary-foreground)' }}>4</span>
               Deployment Status
             </h2>
             <StatusDisplay