import { useState, useEffect } from 'react'; import { Button } from "/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card"; import { Input } from "/components/ui/input"; import { Label } from "/components/ui/label"; import { format } from 'date-fns'; export default function GiftCardCodeGenerator() { const [style, setStyle] = useState('discord.gift/'); const [amount, setAmount] = useState(10000000); const [progress, setProgress] = useState(0); const [generatedCodes, setGeneratedCodes] = useState([]); const [log, setLog] = useState(''); const [isRunning, setIsRunning] = useState(false); useEffect(() => { if (isRunning) { const intervalId = setInterval(() => { if (progress < amount) { setProgress(progress + 1); const randomKey = generateRandomKey(16); const code = `${style}${randomKey}`; setGeneratedCodes([...generatedCodes, code]); setLog(`${log}${format(new Date(), 'yyyy-MM-dd HH:mm:ss')} - Generated code: ${code}\n`); } else { setIsRunning(false); } }, 1); return () => clearInterval(intervalId); } }, [isRunning, progress, amount, style, generatedCodes, log]); const startGeneration = () => { setIsRunning(true); }; const stopGeneration = () => { setIsRunning(false); }; const exportCodes = () => { const text = generatedCodes.join('\n'); const blob = new Blob([text], { type: 'text/plain' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'generated_codes.txt'; a.click(); }; const generateRandomKey = (length) => { const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; let key = ''; for (let i = 0; i < length; i++) { key += characters.charAt(Math.floor(Math.random() * characters.length)); } return key; }; return ( Gift Card Code Generator

Style: setStyle(e.target.value)} />

Amount: setAmount(parseInt(e.target.value))} />

Progress:

{progress} / {amount}

{isRunning ? ( ) : ( )}

Log:

          </div>
        </div>
      </CardContent>
    </Card>
  );
}</article></body></html>