Update src/App.jsx
Browse files- src/App.jsx +42 -612
src/App.jsx
CHANGED
|
@@ -27,7 +27,7 @@ const QRGeneratorTab = ({
|
|
| 27 |
suggestIdeas, downloadQrCode, qrCanvasRef,
|
| 28 |
isInputFocused, setIsInputFocused, currentThemeClasses,
|
| 29 |
qrStyles, selectedStyleIndex, setSelectedStyleIndex, styleCanvasRefs, drawQrCode,
|
| 30 |
-
suggestedIdea, showSuggestedIdea, setShowSuggestedIdea,
|
| 31 |
downloadResolution, setDownloadResolution
|
| 32 |
}) => {
|
| 33 |
// Effect to generate QR code on the main canvas (Generator Tab)
|
|
@@ -83,7 +83,7 @@ const QRGeneratorTab = ({
|
|
| 83 |
</div>
|
| 84 |
|
| 85 |
{/* Suggested Ideas Panel */}
|
| 86 |
-
{showSuggestedIdea && suggestedIdea && (
|
| 87 |
<div className={`mt-4 p-4 rounded-xl border ${currentThemeClasses.glassBorder} ${currentThemeClasses.glassBg} shadow-inner transition-all duration-300 overflow-hidden`}>
|
| 88 |
<div className="flex justify-between items-center cursor-pointer" onClick={() => setShowSuggestedIdea(!showSuggestedIdea)}>
|
| 89 |
<label className={`font-semibold ${currentThemeClasses.labelColor} font-inter`}>Suggested QR Idea:</label>
|
|
@@ -250,607 +250,6 @@ const SettingsTab = ({ currentTheme, setCurrentTheme, currentThemeClasses, theme
|
|
| 250 |
);
|
| 251 |
};
|
| 252 |
|
| 253 |
-
// Define the suggested ideas as a constant array
|
| 254 |
-
const INITIAL_SUGGESTED_IDEAS = [
|
| 255 |
-
"❤️📞 My Girlfriend's Mobile Number",
|
| 256 |
-
"❤️👩 My Girlfriend's Name",
|
| 257 |
-
"❤️🏠 My Girlfriend's Address",
|
| 258 |
-
"🏠📍 My Home Address",
|
| 259 |
-
"📞📱 My Mobile Number",
|
| 260 |
-
"📧✉️ My Email Address",
|
| 261 |
-
"🌐🔗 My Website URL",
|
| 262 |
-
"👔🔗 My LinkedIn Profile",
|
| 263 |
-
"💭✨ My Favorite Quote",
|
| 264 |
-
"📡🔑 Wi-Fi Network: MyHomeWiFi; Pass: MySecretPass",
|
| 265 |
-
"💰💳 UPI ID: myname@bank",
|
| 266 |
-
"🎉🗓️ Event: Birthday Party, Date: 2025-12-25, Location: My House",
|
| 267 |
-
"🛍️🛒 Product Link: https://www.google.com/search?q=example.com/product/xyz",
|
| 268 |
-
"🗺️➡️ Directions: geo:34.0522,-118.2437?q=Los Angeles",
|
| 269 |
-
"🤫✨ Secret Message: You are awesome!",
|
| 270 |
-
"📇💼 My Business Card Info",
|
| 271 |
-
"🎨💻 Link to my Portfolio",
|
| 272 |
-
"👨💻🐙 My GitHub Repository",
|
| 273 |
-
"🎶🎧 My Favorite Song on Spotify",
|
| 274 |
-
"🤲💖 A Donation Link",
|
| 275 |
-
"🚨📞 Emergency Contact: John Doe, 9876543210",
|
| 276 |
-
"🏥🩸 Medical Info: Blood Type O+, Allergies: Penicillin",
|
| 277 |
-
"🐾🆔 Pet's Microchip ID: 1234567890",
|
| 278 |
-
"🍝📝 Favorite Recipe: Pasta Carbonara Ingredients",
|
| 279 |
-
"📚💡 Book Recommendation: 'Dune' by Frank Herbert",
|
| 280 |
-
"🎬🍿 Movie to Watch: 'Inception'",
|
| 281 |
-
"🎮🆔 Game ID: PlayerOne#1234",
|
| 282 |
-
"₿👛 Crypto Wallet Address (ETH): 0x...",
|
| 283 |
-
"🖼️🔗 NFT Collection Link",
|
| 284 |
-
"📜🔗 Smart Contract Address",
|
| 285 |
-
"🗳️💡 DAO Proposal Link",
|
| 286 |
-
"🔗✨ Web3 DApp URL",
|
| 287 |
-
"🆔🌐 Decentralized Identity (DID)",
|
| 288 |
-
"🔑🔒 My Public Key",
|
| 289 |
-
"🗄️🔗 IPFS Hash of a Document",
|
| 290 |
-
"⛓️✅ Blockchain Transaction ID",
|
| 291 |
-
"🌌📍 Metaverse Coordinates: X:100, Y:200, Z:50",
|
| 292 |
-
"👓🔗 VR Experience Link",
|
| 293 |
-
"📸✨ AR Filter Link",
|
| 294 |
-
"🎨🌐 Digital Art Gallery URL",
|
| 295 |
-
"✅🗓️ Event RSVP Link",
|
| 296 |
-
"📝💡 Feedback Form Link",
|
| 297 |
-
"📊❓ Survey Link",
|
| 298 |
-
"💬🤝 Customer Support Chat Link",
|
| 299 |
-
"🍎⬇️ Download App Link (iOS)",
|
| 300 |
-
"🤖⬇️ Download App Link (Android)",
|
| 301 |
-
"📖🔧 Product Manual Link",
|
| 302 |
-
"📄🛡️ Warranty Information",
|
| 303 |
-
"↩️📜 Return Policy URL",
|
| 304 |
-
"🏢📞 Company Contact Info",
|
| 305 |
-
"💼✍️ Job Application Link",
|
| 306 |
-
"📄⬇️ Resume Download Link",
|
| 307 |
-
"🗓️🤝 Interview Schedule",
|
| 308 |
-
"📅🎤 Conference Agenda",
|
| 309 |
-
"🗣️📄 Speaker Bio Link",
|
| 310 |
-
"✍️💡 Workshop Registration",
|
| 311 |
-
"🍽️📜 Restaurant Menu",
|
| 312 |
-
"🍽️🗓️ Table Reservation Link",
|
| 313 |
-
"📦🚚 Delivery Order Tracking",
|
| 314 |
-
"🎥🍳 Recipe Video Link",
|
| 315 |
-
"💪🗓️ Workout Plan",
|
| 316 |
-
"🥗🗓️ Diet Plan",
|
| 317 |
-
"❤️🩹📊 Health Tracker Link",
|
| 318 |
-
"🚨🚑 Emergency Services Number",
|
| 319 |
-
"🐾🔍 Lost Pet Poster Link",
|
| 320 |
-
"🔎📞 Found Item Contact",
|
| 321 |
-
"📚💳 Public Library Card Number",
|
| 322 |
-
"🏛️🖼️ Museum Exhibit Info",
|
| 323 |
-
"🗽🗺️ Tourist Attraction Details",
|
| 324 |
-
"🗓️🎉 Local Event Calendar",
|
| 325 |
-
"🚌⏰ Public Transport Schedule",
|
| 326 |
-
"🅿️📍 Parking Spot Locator",
|
| 327 |
-
"🚗🤝 Car Share Booking Link",
|
| 328 |
-
"🚲 rent Bike Rental Info",
|
| 329 |
-
"🛴🔓 Scooter Share Unlock Code",
|
| 330 |
-
"⚡📍 Charging Station Locator",
|
| 331 |
-
"🔌🚗 Electric Vehicle Info",
|
| 332 |
-
"♻️📍 Recycling Center Address",
|
| 333 |
-
"🌱🗑️ Compost Drop-off Location",
|
| 334 |
-
"💧💡 Water Conservation Tips",
|
| 335 |
-
"💡💰 Energy Saving Advice",
|
| 336 |
-
"🤝💖 Volunteer Opportunity",
|
| 337 |
-
"🎁❤️ Charity Donation Link",
|
| 338 |
-
"🧑🌾🥕 Community Garden Info",
|
| 339 |
-
"🥕🗓️ Local Farmers Market Schedule",
|
| 340 |
-
"🎨✍️ Art Class Registration",
|
| 341 |
-
"🎶🗓️ Music Lesson Booking",
|
| 342 |
-
"💃🗓️ Dance Studio Schedule",
|
| 343 |
-
"🧘♀️🗓️ Yoga Class Info",
|
| 344 |
-
"🏋️♀️🗓️ Fitness Class Booking",
|
| 345 |
-
"⚽✍️ Sports League Sign-up",
|
| 346 |
-
"🌳🗺️ Outdoor Activity Guide",
|
| 347 |
-
"⛰️🗺️ Hiking Trail Map",
|
| 348 |
-
"🏕️🗓️ Camping Site Reservation",
|
| 349 |
-
"🎣📜 Fishing License Info",
|
| 350 |
-
"🏹📜 Hunting License Info",
|
| 351 |
-
"🚤📜 Boating Regulations",
|
| 352 |
-
"⛷️❄️ Ski Resort Conditions",
|
| 353 |
-
"🏂❄️ Snowboarding Park Info",
|
| 354 |
-
"🏄♀️🌊 Surf Report",
|
| 355 |
-
"🤿🐠 Scuba Diving Spot",
|
| 356 |
-
"🪂🗓️ Paragliding Booking",
|
| 357 |
-
"🎈🗓️ Hot Air Balloon Ride",
|
| 358 |
-
"🪂✨ Skydiving Experience",
|
| 359 |
-
"🌲🎢 Zipline Adventure",
|
| 360 |
-
"🪢🤸 Bungee Jumping Spot",
|
| 361 |
-
"🧗♀️📍 Rock Climbing Gym",
|
| 362 |
-
"🔐🗓️ Escape Room Booking",
|
| 363 |
-
"🎲☕ Board Game Cafe",
|
| 364 |
-
"📚🗓️ Book Club Meeting Details",
|
| 365 |
-
"🎤📜 Poetry Slam Event",
|
| 366 |
-
"🎙️🗓️ Open Mic Night",
|
| 367 |
-
"😂🎟️ Comedy Show Tickets",
|
| 368 |
-
"🎭🗓️ Theater Play Schedule",
|
| 369 |
-
"🎶🎟️ Concert Tickets",
|
| 370 |
-
"🎨🗓️ Art Exhibition Info",
|
| 371 |
-
"📸💡 Photography Workshop",
|
| 372 |
-
"🍳✍️ Cooking Class Registration",
|
| 373 |
-
"🍰📝 Baking Recipe",
|
| 374 |
-
"🍹📝 Cocktail Recipe",
|
| 375 |
-
"🍷🗓️ Wine Tasting Event",
|
| 376 |
-
"🍺🏭 Beer Brewery Tour",
|
| 377 |
-
"☕💳 Coffee Shop Loyalty Program",
|
| 378 |
-
"🛍️🎨 Local Craft Market",
|
| 379 |
-
"🛍️🕰️ Vintage Store Address",
|
| 380 |
-
"👕♻️ Thrift Shop Location",
|
| 381 |
-
"🏺🕰️ Antique Shop Info",
|
| 382 |
-
"💿📍 Record Store Address",
|
| 383 |
-
"📚🦸 Comic Book Store",
|
| 384 |
-
"🎲🛍️ Board Game Store",
|
| 385 |
-
"🛠️🛍️ Hobby Shop Inventory",
|
| 386 |
-
"🔨💡 DIY Project Instructions",
|
| 387 |
-
"🧑🌾💡 Gardening Tips",
|
| 388 |
-
"🪴📖 Plant Care Guide",
|
| 389 |
-
"💐🚚 Flower Shop Delivery",
|
| 390 |
-
"🐾✂️ Pet Grooming Appointment",
|
| 391 |
-
"🐶📞 Veterinarian Contact",
|
| 392 |
-
"🐾❤️ Animal Shelter Donation",
|
| 393 |
-
"🐕🌳 Dog Park Location",
|
| 394 |
-
"🐈☕ Cat Cafe Details",
|
| 395 |
-
"🐦🌳 Bird Watching Spot",
|
| 396 |
-
"🦌🌳 Wildlife Sanctuary Info",
|
| 397 |
-
"🐠🎟️ Aquarium Tickets",
|
| 398 |
-
"🦁🎟️ Zoo Visit Booking",
|
| 399 |
-
"🚜🗓️ Farm Tour Schedule",
|
| 400 |
-
"🍎🗓️ Orchard Picking Season",
|
| 401 |
-
"🍇🍷 Vineyard Tour & Tasting",
|
| 402 |
-
"🛒🏷️ Local Market Deals",
|
| 403 |
-
"💻💰 Online Store Discount Code",
|
| 404 |
-
"🔑📺 Subscription Service Login",
|
| 405 |
-
"💻🔑 Software License Key",
|
| 406 |
-
"🎮⬇️ Game Download Code",
|
| 407 |
-
"📚⬇️ E-book Download Link",
|
| 408 |
-
"🎧📖 Audiobook Chapter List",
|
| 409 |
-
"🎙️🔗 Podcast Episode Link",
|
| 410 |
-
"▶️🔗 YouTube Channel Link",
|
| 411 |
-
"🎮🔴 Twitch Stream Link",
|
| 412 |
-
"💬🎮 Discord Server Invite",
|
| 413 |
-
"✈️💬 Telegram Group Link",
|
| 414 |
-
"🟢💬 WhatsApp Group Invite",
|
| 415 |
-
"🔒💬 Signal Group Link",
|
| 416 |
-
"👍👥 Facebook Group Link",
|
| 417 |
-
"📸👤 Instagram Profile",
|
| 418 |
-
"🐦✍️ Twitter Handle",
|
| 419 |
-
"🎵💃 TikTok Profile",
|
| 420 |
-
"👻📸 Snapchat Username",
|
| 421 |
-
"📌🖼️ Pinterest Board Link",
|
| 422 |
-
"👽💬 Reddit Community",
|
| 423 |
-
"❓💡 Quora Profile",
|
| 424 |
-
"💻❓ Stack Overflow Profile",
|
| 425 |
-
"✍️💻 Dev.to Article Link",
|
| 426 |
-
"✍️📖 Medium Article Link",
|
| 427 |
-
"✉️📰 Substack Newsletter",
|
| 428 |
-
"💖🤝 Patreon Page",
|
| 429 |
-
"☕💖 Ko-fi Link",
|
| 430 |
-
"☕🎁 Buy Me a Coffee Link",
|
| 431 |
-
"👕🛍️ Merchandise Store Link",
|
| 432 |
-
"🎟️🗓️ Eventbrite Ticket Link",
|
| 433 |
-
"💻🤝 Zoom Meeting ID",
|
| 434 |
-
"💻💬 Google Meet Link",
|
| 435 |
-
"💻📊 Microsoft Teams Meeting",
|
| 436 |
-
"💻✍️ Webinar Registration",
|
| 437 |
-
"🎓💻 Online Course Link",
|
| 438 |
-
"🎥💡 Tutorial Video Link",
|
| 439 |
-
"📄📖 Documentation Link",
|
| 440 |
-
"🔗💻 API Endpoint URL",
|
| 441 |
-
"⬆️💻 Software Update Link",
|
| 442 |
-
"🐛📝 Bug Report Form",
|
| 443 |
-
"✨📝 Feature Request Form",
|
| 444 |
-
"🎫🤝 Support Ticket System",
|
| 445 |
-
"📚💡 Knowledge Base Article",
|
| 446 |
-
"❓📄 FAQ Page",
|
| 447 |
-
"🛠️📖 Troubleshooting Guide",
|
| 448 |
-
"📖🔧 User Manual",
|
| 449 |
-
"🚀📖 Quick Start Guide",
|
| 450 |
-
"⬇️🛠️ Installation Instructions",
|
| 451 |
-
"💻✅ System Requirements",
|
| 452 |
-
"✅🔗 Compatibility List",
|
| 453 |
-
"📝✨ Release Notes",
|
| 454 |
-
"📜🔄 Changelog",
|
| 455 |
-
"🌳💻 Version Control Repository",
|
| 456 |
-
"✅📊 Build Status Page",
|
| 457 |
-
"🚀📊 Deployment Pipeline Status",
|
| 458 |
-
"🖥️✅ Server Status Page",
|
| 459 |
-
"🌐🗺️ Network Diagram",
|
| 460 |
-
"🔒📜 Security Policy",
|
| 461 |
-
"🕵️♀️📜 Privacy Policy",
|
| 462 |
-
"📄🤝 Terms of Service",
|
| 463 |
-
"🍪📜 Cookie Policy",
|
| 464 |
-
"🇪🇺✅ GDPR Compliance Info",
|
| 465 |
-
"♿📜 Accessibility Statement",
|
| 466 |
-
"🗺️🌐 Sitemap",
|
| 467 |
-
"🤖📄 Robots.txt Content",
|
| 468 |
-
"💡💻 Open Source Project Page",
|
| 469 |
-
"🤝📝 Contributor Guidelines",
|
| 470 |
-
"🤝📜 Code of Conduct",
|
| 471 |
-
"📜✅ License Information",
|
| 472 |
-
"💰🐛 Bug Bounty Program",
|
| 473 |
-
"🚨🔒 Security Vulnerability Report",
|
| 474 |
-
"🛡️📊 Penetration Test Report",
|
| 475 |
-
"✅📊 Compliance Audit Report",
|
| 476 |
-
"🏆📜 Certification Details",
|
| 477 |
-
"🏆✨ Awards and Recognition",
|
| 478 |
-
"📰⬇️ Press Kit Download",
|
| 479 |
-
"📞📰 Media Contact Info",
|
| 480 |
-
"📈🤝 Investor Relations Page",
|
| 481 |
-
"📊🗓️ Annual Report",
|
| 482 |
-
"📞📈 Quarterly Earnings Call",
|
| 483 |
-
"📈💰 Stock Information",
|
| 484 |
-
"🧑💼👩💼 Board of Directors",
|
| 485 |
-
"📜🕰️ Company History",
|
| 486 |
-
"🎯✨ Mission Statement",
|
| 487 |
-
"🔭✨ Vision Statement",
|
| 488 |
-
"💖📜 Values Statement",
|
| 489 |
-
"💼✨ Career Opportunities",
|
| 490 |
-
"📖🧑💼 Employee Handbook",
|
| 491 |
-
"📞👩💼 HR Contact Info",
|
| 492 |
-
"💰🏥 Benefits Information",
|
| 493 |
-
"📚💡 Training Resources",
|
| 494 |
-
"📚🌐 Internal Wiki Link",
|
| 495 |
-
"📊🛠️ Project Management Tool",
|
| 496 |
-
"💬🤝 Team Communication Channel",
|
| 497 |
-
"📝🗓️ Meeting Notes Link",
|
| 498 |
-
"📁🤝 Shared Document Folder",
|
| 499 |
-
"🗓️✍️ Time Off Request Form",
|
| 500 |
-
"💰📝 Expense Report System",
|
| 501 |
-
"🖥️🤝 IT Support Portal",
|
| 502 |
-
"🏢🗺️ Office Location Map",
|
| 503 |
-
"🅿️📝 Parking Instructions",
|
| 504 |
-
"📡🔑 Visitor Wi-Fi Password",
|
| 505 |
-
"🚨🗺️ Emergency Evacuation Plan",
|
| 506 |
-
"🩹📍 First Aid Kit Location",
|
| 507 |
-
"defibrillator AED Location",
|
| 508 |
-
"🔥📍 Fire Extinguisher Location",
|
| 509 |
-
"⚠️📜 Safety Guidelines",
|
| 510 |
-
"🚪🔑 Building Access Code",
|
| 511 |
-
"👮📞 Security Guard Contact",
|
| 512 |
-
"🧹🗓️ Cleaning Schedule",
|
| 513 |
-
"🔧📝 Maintenance Request Form",
|
| 514 |
-
"📦📝 Supply Order Form",
|
| 515 |
-
"☕📖 Coffee Machine Instructions",
|
| 516 |
-
"🖨️📖 Printer Setup Guide",
|
| 517 |
-
"🌐🛠️ Network Troubleshooting Steps",
|
| 518 |
-
"💻⬇️ Software Installation Guide",
|
| 519 |
-
"🔒🌐 VPN Connection Details",
|
| 520 |
-
"🖥️🔗 Remote Desktop Access",
|
| 521 |
-
"📞🤝 Help Desk Contact",
|
| 522 |
-
"📝📊 Feedback Survey for Employees",
|
| 523 |
-
"💡🗳️ Suggestion Box Link",
|
| 524 |
-
"🗓️🎉 Company Event Calendar",
|
| 525 |
-
"🤝🎉 Team Building Activity Info",
|
| 526 |
-
"🎄🗓️ Holiday Schedule",
|
| 527 |
-
"👔📜 Dress Code Policy",
|
| 528 |
-
"✈️📜 Travel Policy",
|
| 529 |
-
"💰📜 Expense Reimbursement Policy",
|
| 530 |
-
"💻📊 IT Asset Management System",
|
| 531 |
-
"💻📦 Software Inventory",
|
| 532 |
-
"🖥️📦 Hardware Inventory",
|
| 533 |
-
"🏷️📜 Asset Tagging Guidelines",
|
| 534 |
-
"♻️💻 Disposal Procedures for Electronics",
|
| 535 |
-
"💾🗓️ Data Backup Schedule",
|
| 536 |
-
"🚨💾 Disaster Recovery Plan",
|
| 537 |
-
"🚨📝 Incident Report Form",
|
| 538 |
-
"🔄📜 Change Management Process",
|
| 539 |
-
"📊📝 Project Plan Document",
|
| 540 |
-
"✅📝 Task List for Project",
|
| 541 |
-
"🏃♂️📝 Sprint Backlog",
|
| 542 |
-
"📉📊 Burndown Chart Link",
|
| 543 |
-
"📝💡 Retrospective Notes",
|
| 544 |
-
"👥📜 Team Roster",
|
| 545 |
-
"✅🧑💻 Onboarding Checklist",
|
| 546 |
-
"✅👋 Offboarding Checklist",
|
| 547 |
-
"📚🔗 Training Module Link",
|
| 548 |
-
"🏆📊 Certification Tracking",
|
| 549 |
-
"📝📈 Performance Review Form",
|
| 550 |
-
"🎯📝 Goal Setting Worksheet",
|
| 551 |
-
"🤝💡 Mentorship Program Info",
|
| 552 |
-
"📈📚 Career Development Resources",
|
| 553 |
-
"🌟👏 Employee Recognition Program",
|
| 554 |
-
"🧘♀️💖 Wellness Program Details",
|
| 555 |
-
"🧠💖 Mental Health Resources",
|
| 556 |
-
"💪✍️ Fitness Challenge Sign-up",
|
| 557 |
-
"🥗📖 Nutrition Guide",
|
| 558 |
-
"🪑✅ Ergonomics Checklist",
|
| 559 |
-
"🏠💻 Work From Home Policy",
|
| 560 |
-
"🗓️✍️ Flexible Work Arrangement Request",
|
| 561 |
-
"🚌💰 Commuter Benefits Info",
|
| 562 |
-
"📰✍️ Company Newsletter Sign-up",
|
| 563 |
-
"💼📢 Internal Job Postings",
|
| 564 |
-
"🤝💰 Referral Program Details",
|
| 565 |
-
"🌍🤝 Diversity & Inclusion Initiatives",
|
| 566 |
-
"♻️📊 Sustainability Report",
|
| 567 |
-
"🤝🌍 Corporate Social Responsibility",
|
| 568 |
-
"📈📄 Investor Deck",
|
| 569 |
-
"📰🗄️ Press Release Archive",
|
| 570 |
-
"🎨📜 Brand Guidelines",
|
| 571 |
-
"🖼️⬇️ Logo Download Page",
|
| 572 |
-
"📚📈 Marketing Collateral Library",
|
| 573 |
-
"📈📖 Sales Playbook",
|
| 574 |
-
"🤝💻 Customer Relationship Management (CRM) Login",
|
| 575 |
-
"📈📊 Sales Forecasting Dashboard",
|
| 576 |
-
"✍️💡 Lead Generation Form",
|
| 577 |
-
"🤝📜 Partnership Program Details",
|
| 578 |
-
"🔗💰 Affiliate Program Info",
|
| 579 |
-
"🤝✍️ Reseller Application",
|
| 580 |
-
"🤝💻 Vendor Portal Login",
|
| 581 |
-
"🛒📜 Procurement Policy",
|
| 582 |
-
"🧾💻 Invoice Submission Portal",
|
| 583 |
-
"💰✅ Payment Status Checker",
|
| 584 |
-
"📊💰 Budget Tracking Spreadsheet",
|
| 585 |
-
"📈📄 Financial Report Access",
|
| 586 |
-
"📜📚 Legal Document Library",
|
| 587 |
-
"📝🤝 Contract Review Request",
|
| 588 |
-
"®️📜 Trademark Registration Info",
|
| 589 |
-
"💡📜 Patent Application Status",
|
| 590 |
-
"✅📚 Compliance Training Module",
|
| 591 |
-
"⚠️📊 Risk Assessment Report",
|
| 592 |
-
"🗓️🔎 Audit Schedule",
|
| 593 |
-
"🔎📝 Internal Audit Findings",
|
| 594 |
-
"📊📜 External Audit Report",
|
| 595 |
-
"📜🔄 Regulatory Updates",
|
| 596 |
-
"📏📖 Industry Standards Guide",
|
| 597 |
-
"✨📖 Best Practices Document",
|
| 598 |
-
"🔬🔗 Research Paper Link",
|
| 599 |
-
"📊⬇️ Case Study Download",
|
| 600 |
-
"📄💡 Whitepaper Access",
|
| 601 |
-
"🎥💻 Webinar Recording",
|
| 602 |
-
"🎧🔗 Podcast Series Link",
|
| 603 |
-
"✍️📚 Blog Post Archive",
|
| 604 |
-
"📰✨ News Article About Us",
|
| 605 |
-
"🗣️🌟 Customer Testimonials",
|
| 606 |
-
"⭐📝 Product Reviews",
|
| 607 |
-
"💬🌐 User Forum Link",
|
| 608 |
-
"🤝📜 Community Guidelines",
|
| 609 |
-
"🛡️📜 Moderation Policy",
|
| 610 |
-
"🚨📝 Report Abuse Form",
|
| 611 |
-
"⚙️👤 Account Settings Page",
|
| 612 |
-
"🔑🔄 Password Reset Link",
|
| 613 |
-
"🔒📱 Two-Factor Authentication Setup",
|
| 614 |
-
"🔔⚙️ Notification Preferences",
|
| 615 |
-
"💳⚙️ Payment Methods Management",
|
| 616 |
-
"📦📜 Order History",
|
| 617 |
-
"🚚📍 Shipping Tracking",
|
| 618 |
-
"↩️💰 Returns & Refunds Policy",
|
| 619 |
-
"💖🛍️ Wishlist Link",
|
| 620 |
-
"🛒🛍️ Shopping Cart Link",
|
| 621 |
-
"📚🛍️ Product Catalog",
|
| 622 |
-
"🗓️🤝 Service Booking Page",
|
| 623 |
-
"🗓️✍️ Appointment Scheduling",
|
| 624 |
-
"🗓️📚 Class Schedule",
|
| 625 |
-
"🗓️🎉 Event Calendar",
|
| 626 |
-
"🎟️🛍️ Ticket Purchase Link",
|
| 627 |
-
"🗺️📍 Venue Map",
|
| 628 |
-
"💺🗺️ Seating Chart",
|
| 629 |
-
"➡️📍 Directions to Venue",
|
| 630 |
-
"🅿️📝 Parking Information",
|
| 631 |
-
"🚌🚊 Public Transport Options",
|
| 632 |
-
"🏨🗓️ Hotel Booking Link",
|
| 633 |
-
"✈️🗓️ Flight Information",
|
| 634 |
-
"🚗🗓️ Car Rental Booking",
|
| 635 |
-
"✈️🛡️ Travel Insurance Info",
|
| 636 |
-
"🛂📖 Passport Renewal Guide",
|
| 637 |
-
"🛂📝 Visa Application Requirements",
|
| 638 |
-
"💱📊 Currency Exchange Rates",
|
| 639 |
-
"🌍🤝 Local Customs Guide",
|
| 640 |
-
"⚠️✈️ Travel Advisory Updates",
|
| 641 |
-
"🚨📞 Emergency Travel Contacts",
|
| 642 |
-
"🧳📝 Lost Luggage Report",
|
| 643 |
-
"🗺️🗓️ Travel Itinerary",
|
| 644 |
-
"✅🧳 Packing Checklist",
|
| 645 |
-
"🏥✈️ Travel Health Information",
|
| 646 |
-
"💉✅ Vaccination Requirements",
|
| 647 |
-
"🛡️✈️ Travel Safety Tips",
|
| 648 |
-
"🍽️🗺️ Local Cuisine Guide",
|
| 649 |
-
"🍽️⭐ Restaurant Recommendations",
|
| 650 |
-
"☕🗺️ Cafe Directory",
|
| 651 |
-
"🍻🗺️ Bar & Pub Guide",
|
| 652 |
-
"🌃🎉 Nightlife Events",
|
| 653 |
-
"🛍️🗺️ Shopping Districts",
|
| 654 |
-
"🛒🗺️ Local Markets",
|
| 655 |
-
"🎁🗺️ Souvenir Shop Locations",
|
| 656 |
-
"🏛️🖼️ Museums & Galleries",
|
| 657 |
-
"📜🏛️ Historical Sites",
|
| 658 |
-
"🌳🌷 Parks & Gardens",
|
| 659 |
-
"🏖️🌊 Beaches & Lakes",
|
| 660 |
-
"⛰️🚲 Hiking & Biking Trails",
|
| 661 |
-
"🏟️⚽ Sports Facilities",
|
| 662 |
-
"🎤🏟️ Concert Venues",
|
| 663 |
-
"🎭📍 Theater & Performance Spaces",
|
| 664 |
-
"🎬⏰ Cinema Showtimes",
|
| 665 |
-
"📚📍 Library Branches",
|
| 666 |
-
"✉️📍 Post Office Locations",
|
| 667 |
-
"🏦🏧 Bank & ATM Locations",
|
| 668 |
-
"💊🗺️ Pharmacy Directory",
|
| 669 |
-
"🏥🗺️ Hospital & Clinic Finder",
|
| 670 |
-
"🚓📞 Police Station Contact",
|
| 671 |
-
"🚒📞 Fire Station Contact",
|
| 672 |
-
"🏢🌍 Embassy/Consulate Info",
|
| 673 |
-
"🏛️🤝 Local Government Services",
|
| 674 |
-
"🗓️🎉 Public Holidays Calendar",
|
| 675 |
-
"🏫📚 School Directory",
|
| 676 |
-
"🎓📚 University Course Catalog",
|
| 677 |
-
"👶🏠 Childcare Services",
|
| 678 |
-
"👵🏠 Elderly Care Resources",
|
| 679 |
-
"♿🤝 Disability Support Services",
|
| 680 |
-
"⚖️🤝 Legal Aid Services",
|
| 681 |
-
"💰🤝 Financial Advisor Contact",
|
| 682 |
-
"🛡️📞 Insurance Agent Info",
|
| 683 |
-
"🏠📞 Real Estate Agent Contact",
|
| 684 |
-
"📦✅ Moving Checklist",
|
| 685 |
-
"💡📞 Utility Provider Contacts",
|
| 686 |
-
"🌐📞 Internet Service Provider Info",
|
| 687 |
-
"📺📞 Cable TV Provider Info",
|
| 688 |
-
"🗑️🗓️ Waste Collection Schedule",
|
| 689 |
-
"♻️📜 Recycling Guidelines",
|
| 690 |
-
"🛋️📝 Bulk Item Pickup Request",
|
| 691 |
-
"🧹🗓️ Street Cleaning Schedule",
|
| 692 |
-
"🤫📝 Noise Complaint Form",
|
| 693 |
-
"🔎📝 Lost & Found Reporting",
|
| 694 |
-
"👀🏠 Neighborhood Watch Info",
|
| 695 |
-
"🗓️🎉 Community Events Calendar",
|
| 696 |
-
"📰🌐 Local News Feed",
|
| 697 |
-
"☀️☁️ Weather Forecast Link",
|
| 698 |
-
"🚦🚗 Traffic Updates",
|
| 699 |
-
"🚨📢 Public Safety Alerts",
|
| 700 |
-
"🛡️💡 Crime Prevention Tips",
|
| 701 |
-
"🚨📖 Emergency Preparedness Guide",
|
| 702 |
-
"🆘🤝 Disaster Relief Resources",
|
| 703 |
-
"🤝💖 Volunteer Opportunities",
|
| 704 |
-
"💖🏢 Charitable Organizations",
|
| 705 |
-
"🍎🥫 Food Bank Locations",
|
| 706 |
-
"🏠🤝 Homeless Shelter Info",
|
| 707 |
-
"🐾❤️ Animal Rescue Groups",
|
| 708 |
-
"🌳🛡️ Environmental Protection Agencies",
|
| 709 |
-
"🌱🤝 Conservation Programs",
|
| 710 |
-
"☀️⚡ Renewable Energy Initiatives",
|
| 711 |
-
"♻️🏠 Sustainable Living Tips",
|
| 712 |
-
"🌱🏢 Green Building Certifications",
|
| 713 |
-
"♻️🛍️ Eco-Friendly Product List",
|
| 714 |
-
"🤝🛍️ Fair Trade Product Info",
|
| 715 |
-
"📜🤝 Ethical Sourcing Policy",
|
| 716 |
-
"Rights🤝 Human Rights Organizations",
|
| 717 |
-
"⚖️🤝 Social Justice Initiatives",
|
| 718 |
-
"🧠📞 Mental Health Support Hotlines",
|
| 719 |
-
"🚨🤝 Crisis Intervention Services",
|
| 720 |
-
"🚭🤝 Addiction Recovery Resources",
|
| 721 |
-
"🤝💬 Support Groups Directory",
|
| 722 |
-
"🛋️🔎 Therapist/Counselor Finder",
|
| 723 |
-
"🧘♀️💡 Stress Management Techniques",
|
| 724 |
-
"🧘♂️✨ Mindfulness Exercises",
|
| 725 |
-
"🧘♀️📱 Meditation Apps",
|
| 726 |
-
"😴💡 Sleep Hygiene Tips",
|
| 727 |
-
"🍎📖 Healthy Eating Guide",
|
| 728 |
-
"💪🗓️ Exercise Routines",
|
| 729 |
-
"🏋️♀️📞 Personal Trainer Contact",
|
| 730 |
-
"🏋️♀️💳 Gym Membership Info",
|
| 731 |
-
"⚽🗓️ Sports Team Schedule",
|
| 732 |
-
"🎟️🏟️ Game Tickets Purchase",
|
| 733 |
-
"fanatic Fan Club Registration",
|
| 734 |
-
"👕🛍️ Team Merchandise Store",
|
| 735 |
-
"📊⛹️ Player Statistics",
|
| 736 |
-
"🏆📊 League Standings",
|
| 737 |
-
"🎥⚽ Match Highlights Video",
|
| 738 |
-
"📰⚽ Sports News Feed",
|
| 739 |
-
"🎮🏆 Fantasy Sports League",
|
| 740 |
-
"🎲💰 Betting Odds",
|
| 741 |
-
"🍻📍 Sports Bar Locator",
|
| 742 |
-
"🏟️🗓️ Stadium Tour Booking",
|
| 743 |
-
"🏅👤 Athlete Bio",
|
| 744 |
-
"🧑🏫👥 Coaching Staff Directory",
|
| 745 |
-
"📜🏆 Team History",
|
| 746 |
-
"🏆✨ Hall of Fame Inductees",
|
| 747 |
-
"🖼️💰 Memorabilia Auction",
|
| 748 |
-
"✍️🗓️ Autograph Session Details",
|
| 749 |
-
"🤝🎉 Fan Meetup Info",
|
| 750 |
-
"🎟️🌟 Season Ticket Holder Benefits",
|
| 751 |
-
"✨🎟️ VIP Experience Packages",
|
| 752 |
-
"🤝💰 Sponsorship Opportunities",
|
| 753 |
-
"📰✍️ Media Accreditation Form",
|
| 754 |
-
"🎤🗓️ Press Conference Schedule",
|
| 755 |
-
"🎙️🤝 Post-Game Interview Access",
|
| 756 |
-
"🔄👥 Team Roster Changes",
|
| 757 |
-
"🩹📊 Injury Report",
|
| 758 |
-
"🔄💬 Trade Rumors",
|
| 759 |
-
"📈💡 Draft Pick Analysis",
|
| 760 |
-
"🔎📝 Scouting Reports",
|
| 761 |
-
"👶⚽ Youth Sports Programs",
|
| 762 |
-
"🧑🏫🏆 Coaching Certification Courses",
|
| 763 |
-
"⚖️🏆 Referee Training Programs",
|
| 764 |
-
"🛍️⚽ Sports Equipment Store",
|
| 765 |
-
"👕🛍️ Sports Apparel Shop",
|
| 766 |
-
"💊💪 Nutritional Supplements Info",
|
| 767 |
-
"🏥🩹 Sports Injury Clinic",
|
| 768 |
-
"🚶♀️🩹 Physical Therapy Services",
|
| 769 |
-
"🧠💪 Sports Psychology Resources",
|
| 770 |
-
"📈🧑🏫 Performance Coaching",
|
| 771 |
-
"🏅✍️ Athlete Sponsorship Application",
|
| 772 |
-
"🎓💰 Sports Scholarship Info",
|
| 773 |
-
"🔬💪 Sports Science Research",
|
| 774 |
-
"🔬🚶 Biomechanics Lab Access",
|
| 775 |
-
"📊💻 Sports Analytics Tools",
|
| 776 |
-
"⌚💪 Wearable Tech for Athletes",
|
| 777 |
-
"😴🩹 Recovery Techniques",
|
| 778 |
-
"💧💡 Hydration Guidelines",
|
| 779 |
-
"😴✨ Sleep Optimization Tips",
|
| 780 |
-
"💪⏰ Pre-Workout Routine",
|
| 781 |
-
"🍽️💪 Post-Workout Meal Ideas",
|
| 782 |
-
"🛡️💪 Injury Prevention Exercises",
|
| 783 |
-
"🔥💪 Warm-up Drills",
|
| 784 |
-
"🌬️🧘 Cool-down Stretches",
|
| 785 |
-
"🔄💪 Cross-Training Ideas",
|
| 786 |
-
"🏋️♀️🗓️ Strength Training Program",
|
| 787 |
-
"🏃♀️🗓️ Cardio Workout Plan",
|
| 788 |
-
"🤸♀️🧘 Flexibility Exercises",
|
| 789 |
-
"⚖️🤸 Balance Training Drills",
|
| 790 |
-
"⚡🏃 Agility Training Drills",
|
| 791 |
-
"💨🏃 Speed Training Workouts",
|
| 792 |
-
"wytrwałość Endurance Training Tips",
|
| 793 |
-
"💥💪 Plyometric Exercises",
|
| 794 |
-
"💪🧘 Core Strength Workouts",
|
| 795 |
-
"💪⬆️ Upper Body Workout",
|
| 796 |
-
"💪⬇️ Lower Body Workout",
|
| 797 |
-
"💪🌐 Full Body Workout",
|
| 798 |
-
"😴🌳 Rest Day Activities",
|
| 799 |
-
"🚶♀️🩹 Active Recovery Ideas",
|
| 800 |
-
"🧘♀️🤸 Stretching Routine",
|
| 801 |
-
"roll Foam Rolling Techniques",
|
| 802 |
-
"💆♀️🗓️ Massage Therapy Booking",
|
| 803 |
-
"❄️🩹 Cryotherapy Benefits",
|
| 804 |
-
"🧖♀️🔥 Sauna Session Info",
|
| 805 |
-
"💧🩹 Hydrotherapy Benefits",
|
| 806 |
-
"📍🩹 Acupuncture Clinic",
|
| 807 |
-
"🦴📞 Chiropractor Contact",
|
| 808 |
-
"🚶♀️📞 Physical Therapist Contact",
|
| 809 |
-
"🏥📞 Sports Doctor Contact",
|
| 810 |
-
"🥗📞 Dietitian Consultation",
|
| 811 |
-
"🍎📞 Sports Nutritionist",
|
| 812 |
-
"🧠🧑🏫 Mental Performance Coach",
|
| 813 |
-
"🧠📞 Sports Psychologist",
|
| 814 |
-
"🧘♀️💪 Yoga for Athletes",
|
| 815 |
-
"🤸♀️💪 Pilates for Core Strength",
|
| 816 |
-
"🏋️♀️🗓️ CrossFit WODs",
|
| 817 |
-
"⏱️💪 HIIT Workout Examples",
|
| 818 |
-
"⏱️🏋️♀️ Tabata Training Guide",
|
| 819 |
-
"🔄💪 Circuit Training Ideas",
|
| 820 |
-
"🤸♀️💪 Bodyweight Exercises",
|
| 821 |
-
"elastic Resistance Band Workouts",
|
| 822 |
-
"kettlebell Kettlebell Training",
|
| 823 |
-
"dumbbell Dumbbell Exercises",
|
| 824 |
-
"barbell Barbell Workouts",
|
| 825 |
-
"⚙️💪 Gym Machine Guide",
|
| 826 |
-
"🌳💪 Outdoor Workout Spots",
|
| 827 |
-
"🏃♀️🗺️ Running Routes",
|
| 828 |
-
"🚲🗺️ Cycling Trails",
|
| 829 |
-
"🏊♀️🗓️ Swimming Pool Schedule",
|
| 830 |
-
"🏀📍 Basketball Court Locator",
|
| 831 |
-
"🎾🗓️ Tennis Court Booking",
|
| 832 |
-
"🏐📍 Volleyball Court Info",
|
| 833 |
-
"🏸🗓️ Badminton Court Booking",
|
| 834 |
-
"squash Squash Court Booking",
|
| 835 |
-
"🏓📍 Table Tennis Club",
|
| 836 |
-
"🎳📍 Bowling Alley Info",
|
| 837 |
-
"⛸️📍 Ice Skating Rink",
|
| 838 |
-
"🛼📍 Roller Skating Rink",
|
| 839 |
-
"🛹📍 Skate Park Location",
|
| 840 |
-
"🧗♀️📍 Climbing Wall Gym",
|
| 841 |
-
"🧗♂️📍 Bouldering Gym",
|
| 842 |
-
"🥋📍 Martial Arts Dojo",
|
| 843 |
-
"🥊📍 Boxing Gym",
|
| 844 |
-
"🤺📍 Fencing Club",
|
| 845 |
-
"🏹📍 Archery Range",
|
| 846 |
-
"🔫📍 Shooting Range",
|
| 847 |
-
"⛳🗓️ Golf Course Booking",
|
| 848 |
-
"⛳📍 Mini Golf Course",
|
| 849 |
-
"🏌️♂️📍 Driving Range",
|
| 850 |
-
"🐎🗓️ Horse Riding Lessons",
|
| 851 |
-
"🐎📍 Equestrian Center",
|
| 852 |
-
];
|
| 853 |
-
|
| 854 |
// --- Main App component ---
|
| 855 |
const App = () => {
|
| 856 |
const [activeTab, setActiveTab] = useState('generator');
|
|
@@ -861,12 +260,16 @@ const App = () => {
|
|
| 861 |
const [selectedStyleIndex, setSelectedStyleIndex] = useState(0);
|
| 862 |
const [currentTheme, setCurrentTheme] = useState('dark');
|
| 863 |
const [isSummarizing, setIsSummarizing] = useState(false);
|
| 864 |
-
const [suggestedIdea, setSuggestedIdea] = useState('');
|
| 865 |
-
const [showSuggestedIdea, setShowSuggestedIdea] = useState(false);
|
| 866 |
const [alertMessage, setAlertMessage] = useState(null);
|
| 867 |
const [isInputFocused, setIsInputFocused] = useState(false);
|
| 868 |
const [downloadResolution, setDownloadResolution] = useState(512);
|
| 869 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 870 |
const qrCanvasRef = useRef(null);
|
| 871 |
const styleCanvasRefs = useRef(Array(12).fill(null));
|
| 872 |
|
|
@@ -1203,16 +606,43 @@ const App = () => {
|
|
| 1203 |
}
|
| 1204 |
};
|
| 1205 |
|
| 1206 |
-
//
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1207 |
const suggestIdeas = () => {
|
| 1208 |
-
if (
|
| 1209 |
-
const randomIndex = Math.floor(Math.random() *
|
| 1210 |
-
const randomIdea =
|
| 1211 |
setSuggestedIdea(randomIdea); // Display the randomly selected idea
|
| 1212 |
setContent(randomIdea); // Set the QR content to the suggested idea
|
| 1213 |
setShowSuggestedIdea(true); // Ensure the ideas panel is shown
|
| 1214 |
} else {
|
| 1215 |
-
setSuggestedIdea("No ideas
|
| 1216 |
setShowSuggestedIdea(true);
|
| 1217 |
}
|
| 1218 |
};
|
|
@@ -1256,14 +686,14 @@ const App = () => {
|
|
| 1256 |
content={content} setContent={setContent}
|
| 1257 |
errorLevel={errorLevel} setErrorLevel={setErrorLevel}
|
| 1258 |
qrColor={qrColor} setQrColor={setQrColor}
|
| 1259 |
-
suggestIdeas={suggestIdeas}
|
| 1260 |
downloadQrCode={downloadQrCode} qrCanvasRef={qrCanvasRef}
|
| 1261 |
isInputFocused={isInputFocused} setIsInputFocused={setIsInputFocused}
|
| 1262 |
currentThemeClasses={currentThemeClasses}
|
| 1263 |
qrStyles={qrStyles} selectedStyleIndex={selectedStyleIndex}
|
| 1264 |
setSelectedStyleIndex={setSelectedStyleIndex} styleCanvasRefs={styleCanvasRefs}
|
| 1265 |
drawQrCode={drawQrCode}
|
| 1266 |
-
suggestedIdea={suggestedIdea} showSuggestedIdea={showSuggestedIdea} setShowSuggestedIdea={setShowSuggestedIdea}
|
| 1267 |
downloadResolution={downloadResolution} setDownloadResolution={setDownloadResolution}
|
| 1268 |
/>
|
| 1269 |
)}
|
|
|
|
| 27 |
suggestIdeas, downloadQrCode, qrCanvasRef,
|
| 28 |
isInputFocused, setIsInputFocused, currentThemeClasses,
|
| 29 |
qrStyles, selectedStyleIndex, setSelectedStyleIndex, styleCanvasRefs, drawQrCode,
|
| 30 |
+
suggestedIdea, showSuggestedIdea, setShowSuggestedIdea,
|
| 31 |
downloadResolution, setDownloadResolution
|
| 32 |
}) => {
|
| 33 |
// Effect to generate QR code on the main canvas (Generator Tab)
|
|
|
|
| 83 |
</div>
|
| 84 |
|
| 85 |
{/* Suggested Ideas Panel */}
|
| 86 |
+
{showSuggestedIdea && suggestedIdea && (
|
| 87 |
<div className={`mt-4 p-4 rounded-xl border ${currentThemeClasses.glassBorder} ${currentThemeClasses.glassBg} shadow-inner transition-all duration-300 overflow-hidden`}>
|
| 88 |
<div className="flex justify-between items-center cursor-pointer" onClick={() => setShowSuggestedIdea(!showSuggestedIdea)}>
|
| 89 |
<label className={`font-semibold ${currentThemeClasses.labelColor} font-inter`}>Suggested QR Idea:</label>
|
|
|
|
| 250 |
);
|
| 251 |
};
|
| 252 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 253 |
// --- Main App component ---
|
| 254 |
const App = () => {
|
| 255 |
const [activeTab, setActiveTab] = useState('generator');
|
|
|
|
| 260 |
const [selectedStyleIndex, setSelectedStyleIndex] = useState(0);
|
| 261 |
const [currentTheme, setCurrentTheme] = useState('dark');
|
| 262 |
const [isSummarizing, setIsSummarizing] = useState(false);
|
| 263 |
+
const [suggestedIdea, setSuggestedIdea] = useState('');
|
| 264 |
+
const [showSuggestedIdea, setShowSuggestedIdea] = useState(false);
|
| 265 |
const [alertMessage, setAlertMessage] = useState(null);
|
| 266 |
const [isInputFocused, setIsInputFocused] = useState(false);
|
| 267 |
const [downloadResolution, setDownloadResolution] = useState(512);
|
| 268 |
|
| 269 |
+
// State to hold the fetched ideas
|
| 270 |
+
const [allSuggestedIdeas, setAllSuggestedIdeas] = useState([]);
|
| 271 |
+
const [isFetchingIdeas, setIsFetchingIdeas] = useState(false); // New loading state for fetching ideas
|
| 272 |
+
|
| 273 |
const qrCanvasRef = useRef(null);
|
| 274 |
const styleCanvasRefs = useRef(Array(12).fill(null));
|
| 275 |
|
|
|
|
| 606 |
}
|
| 607 |
};
|
| 608 |
|
| 609 |
+
// Effect to fetch ideas from JSON file on component mount
|
| 610 |
+
useEffect(() => {
|
| 611 |
+
const fetchIdeas = async () => {
|
| 612 |
+
setIsFetchingIdeas(true);
|
| 613 |
+
try {
|
| 614 |
+
const response = await fetch('suggestedIdeas.json');
|
| 615 |
+
if (!response.ok) {
|
| 616 |
+
throw new Error(`HTTP error! status: ${response.status}`);
|
| 617 |
+
}
|
| 618 |
+
const data = await response.json();
|
| 619 |
+
if (Array.isArray(data)) {
|
| 620 |
+
setAllSuggestedIdeas(data);
|
| 621 |
+
} else {
|
| 622 |
+
console.error("suggestedIdeas.json is not an array:", data);
|
| 623 |
+
showAlert("Error: Ideas file is not correctly formatted. Expected a JSON array.");
|
| 624 |
+
}
|
| 625 |
+
} catch (error) {
|
| 626 |
+
console.error("Error fetching suggested ideas from JSON:", error);
|
| 627 |
+
showAlert(`Error loading ideas: ${error.message}. Please ensure 'suggestedIdeas.json' exists and is valid JSON.`);
|
| 628 |
+
} finally {
|
| 629 |
+
setIsFetchingIdeas(false);
|
| 630 |
+
}
|
| 631 |
+
};
|
| 632 |
+
|
| 633 |
+
fetchIdeas();
|
| 634 |
+
}, []); // Empty dependency array means this runs once on mount
|
| 635 |
+
|
| 636 |
+
// Function to suggest ideas for QR code generation from the fetched JSON array
|
| 637 |
const suggestIdeas = () => {
|
| 638 |
+
if (allSuggestedIdeas.length > 0) {
|
| 639 |
+
const randomIndex = Math.floor(Math.random() * allSuggestedIdeas.length);
|
| 640 |
+
const randomIdea = allSuggestedIdeas[randomIndex];
|
| 641 |
setSuggestedIdea(randomIdea); // Display the randomly selected idea
|
| 642 |
setContent(randomIdea); // Set the QR content to the suggested idea
|
| 643 |
setShowSuggestedIdea(true); // Ensure the ideas panel is shown
|
| 644 |
} else {
|
| 645 |
+
setSuggestedIdea(isFetchingIdeas ? "Loading ideas..." : "No ideas loaded. Check console for errors or add ideas to suggestedIdeas.json.");
|
| 646 |
setShowSuggestedIdea(true);
|
| 647 |
}
|
| 648 |
};
|
|
|
|
| 686 |
content={content} setContent={setContent}
|
| 687 |
errorLevel={errorLevel} setErrorLevel={setErrorLevel}
|
| 688 |
qrColor={qrColor} setQrColor={setQrColor}
|
| 689 |
+
suggestIdeas={suggestIdeas}
|
| 690 |
downloadQrCode={downloadQrCode} qrCanvasRef={qrCanvasRef}
|
| 691 |
isInputFocused={isInputFocused} setIsInputFocused={setIsInputFocused}
|
| 692 |
currentThemeClasses={currentThemeClasses}
|
| 693 |
qrStyles={qrStyles} selectedStyleIndex={selectedStyleIndex}
|
| 694 |
setSelectedStyleIndex={setSelectedStyleIndex} styleCanvasRefs={styleCanvasRefs}
|
| 695 |
drawQrCode={drawQrCode}
|
| 696 |
+
suggestedIdea={suggestedIdea} showSuggestedIdea={showSuggestedIdea} setShowSuggestedIdea={setShowSuggestedIdea}
|
| 697 |
downloadResolution={downloadResolution} setDownloadResolution={setDownloadResolution}
|
| 698 |
/>
|
| 699 |
)}
|