Merge pull request #2 from OverGamesDev/main

add checkbox for nft
notrustverify · Jan 6, 2025 · bb12740 · bb12740
2 parents d72580f + dba6cba
commit bb12740
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 4 deletions.
diff --git a/appv2/src/app/burn/page.js b/appv2/src/app/burn/page.js
@@ -152,7 +152,6 @@ function BurnHistory() {
   useEffect(() => {
     document.body.className = '';
     document.body.classList.add(theme);
-    document.body.classList.add("font-urbanist");
   }, [theme]);
 
   useEffect(() => {

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/not-found.js b/appv2/src/app/not-found.js
@@ -10,7 +10,6 @@ export default function Custom404() {
     useEffect(() => {
         document.body.className = '';
         document.body.classList.add(theme);
-        document.body.classList.add("font-urbanist");
     }, [theme]);
 
     return (

diff --git a/appv2/src/app/page.js b/appv2/src/app/page.js
@@ -9,6 +9,7 @@ import { getContractFactory, convertToInt, getTokenList } from "./services/utils
 import { burn } from "./services/token.service";
 import { useBalance } from "@alephium/web3-react";
 import Image from 'next/image';
+import { web3 } from '@alephium/web3';
 
 function BurnInterface() {
   const { theme, isDark } = useTheme();
@@ -22,12 +23,13 @@ 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(() => {
     document.body.className = '';
     document.body.classList.add(theme);
-    document.body.classList.add("font-urbanist");
+    web3.setCurrentNodeProvider(process.env.NEXT_PUBLIC_NODE_URL ?? "https://node.alphaga.app");
   }, [theme]);
 
   useEffect(() => {
@@ -89,7 +91,7 @@ function BurnInterface() {
         Number(floatToDecimals[1]),
         selectedToken?.id ?? '',
         selectedToken?.decimals ?? 0,
-        false,
+        wantNFT,
         account?.group,
         rawAmount != undefined? true : false
       );
@@ -249,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 }}