Initial commit with Flutter and Node.js code

2026-05-18 14:04:39 +03:00
commit a60a173b51
21 changed files with 3107 additions and 0 deletions
--- a/whatsapp_app/lib/screens/qr_screen.dart
+++ b/whatsapp_app/lib/screens/qr_screen.dart
@@ -0,0 +1,108 @@
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import '../services/whatsapp_service.dart';
+import '../theme/app_theme.dart';
+
+class QrView extends StatelessWidget {
+  const QrView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final svc = Get.find<WhatsAppService>();
+
+    return Center(
+      child: SingleChildScrollView(
+        padding: const EdgeInsets.all(24),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            const Icon(Icons.qr_code_scanner,
+                color: AppTheme.primary, size: 64),
+            const SizedBox(height: 16),
+            const Text(
+              'Link with your phone',
+              style: TextStyle(
+                color: AppTheme.textPrimary,
+                fontSize: 22,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 12),
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+              decoration: BoxDecoration(
+                color: AppTheme.surfaceLight,
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: const Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    '1. Open WhatsApp on your phone',
+                    style:
+                        TextStyle(color: AppTheme.textSecondary, fontSize: 14),
+                  ),
+                  SizedBox(height: 4),
+                  Text(
+                    '2. Tap Menu (⋮ or ⚙️) → Linked Devices',
+                    style:
+                        TextStyle(color: AppTheme.textSecondary, fontSize: 14),
+                  ),
+                  SizedBox(height: 4),
+                  Text(
+                    '3. Tap "Link a Device" and scan this QR code',
+                    style:
+                        TextStyle(color: AppTheme.textSecondary, fontSize: 14),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 24),
+            Obx(() {
+              final qr = svc.qrData.value;
+              if (qr == null) {
+                return const CircularProgressIndicator(color: AppTheme.primary);
+              }
+
+              try {
+                final base64Image = qr.contains(',') ? qr.split(',')[1] : qr;
+                final bytes = base64Decode(base64Image);
+                return Container(
+                  padding: const EdgeInsets.all(12),
+                  decoration: BoxDecoration(
+                    color: Colors.white,
+                    borderRadius: BorderRadius.circular(16),
+                  ),
+                  child: Image.memory(
+                    bytes,
+                    width: 260,
+                    height: 260,
+                    fit: BoxFit.contain,
+                  ),
+                );
+              } catch (e) {
+                return Column(
+                  children: [
+                    const Icon(Icons.broken_image,
+                        color: Colors.redAccent, size: 48),
+                    const SizedBox(height: 8),
+                    Text(
+                      'Failed to render QR Code: $e',
+                      style: const TextStyle(color: AppTheme.textSecondary),
+                    ),
+                  ],
+                );
+              }
+            }),
+            const SizedBox(height: 16),
+            Text(
+              'Waiting for QR Code from WhatsApp...',
+              style: TextStyle(color: AppTheme.textSecondary, fontSize: 12),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}