add checkbox for nft

notrustverify · Jan 6, 2025 · dba6cba · dba6cba
1 parent 17a877c
commit dba6cba
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/appv2/src/app/context/LanguageContext.js b/appv2/src/app/context/LanguageContext.js
@@ -52,6 +52,7 @@ export const translations = {
     burnSuccess: "Successfully burned",
     burnError: "Error burning tokens",
     connectWalletToBurn: "Connect wallet to burn tokens",
+    receiveNFT: "Receive NFT for this burn",
   },
   fr: {
     // Navbar
@@ -101,6 +102,7 @@ export const translations = {
     burnSuccess: "Tokens brûlés avec succès",
     burnError: "Erreur lors de la destruction",
     connectWalletToBurn: "Connectez votre wallet pour brûler des tokens",
+    receiveNFT: "Recevoir un NFT pour ce burn",
   }
 };
 

diff --git a/appv2/src/app/page.js b/appv2/src/app/page.js
@@ -23,6 +23,7 @@ function BurnInterface() {
   const [isLoading, setIsLoading] = useState(true);
   const [rawAmount, setRawAmount] = useState();
   const [isCustomToken, setIsCustomToken] = useState(false);
+  const [wantNFT, setWantNFT] = useState(false);
   const [burnSummary, setBurnSummary] = useState(null);
 
   useEffect(() => {
@@ -90,7 +91,7 @@ function BurnInterface() {
         Number(floatToDecimals[1]),
         selectedToken?.id ?? '',
         selectedToken?.decimals ?? 0,
-        false,
+        wantNFT,
         account?.group,
         rawAmount != undefined? true : false
       );
@@ -250,6 +251,28 @@ function BurnInterface() {
                     </div>
                   </div>
 
+                  <div className="flex items-center gap-2">
+                    <input
+                      type="checkbox"
+                      id="wantNFT"
+                      checked={wantNFT}
+                      onChange={(e) => setWantNFT(e.target.checked)}
+                      className={`w-4 h-4 rounded transition-colors duration-200 ${
+                        isDark
+                          ? 'bg-gray-700 border-gray-600'
+                          : 'bg-gray-50 border-gray-200'
+                      } border focus:ring-2 focus:ring-orange-400`}
+                    />
+                    <label
+                      htmlFor="wantNFT"
+                      className={`text-sm transition-colors duration-200 ${
+                        isDark ? 'text-gray-300' : 'text-gray-700'
+                      }`}
+                    >
+                      {t('receiveNFT') || 'Receive NFT for this burn'}
+                    </label>
+                  </div>
+
                   <motion.button
                     whileHover={{ scale: 1.02 }}
                     whileTap={{ scale: 0.98 }}