Show full QR codes with copy button in GroupDetailPage

src/Hospitality.Backend/Program.cs

@@ -19,6 +19,17 @@ builder.Services.AddScoped<IProductService, ProductService>();
 builder.Services.AddScoped<IQrCodeService, QrCodeService>();
 builder.Services.AddScoped<ITransactionService, TransactionService>();
 
+// Add CORS
+builder.Services.AddCors(options =>
+{
+    options.AddPolicy("AllowFrontend", policy =>
+    {
+        policy.WithOrigins("http://localhost:5173")
+              .AllowAnyHeader()
+              .AllowAnyMethod();
+    });
+});
+
 
 var app = builder.Build();
 
@@ -39,6 +50,8 @@ if (app.Environment.IsDevelopment())
 
 app.UseHttpsRedirection();
 
+app.UseCors("AllowFrontend");
+
 app.UseAuthorization();
 
 app.MapControllers();

src/hospitality-web/src/pages/admin/GroupDetailPage.tsx

@@ -76,13 +76,27 @@ export default function GroupDetailPage() {
             <Card className="shadow-sm h-100">
               <Card.Body>
                 <div className="d-flex justify-content-between align-items-start mb-3">
-                  <div>
+                  <div className="flex-grow-1">
                     <h5 className="mb-1">{person.name}</h5>
                     {person.email && <small className="text-muted d-block">{person.email}</small>}
                     {person.phoneNumber && <small className="text-muted d-block">{person.phoneNumber}</small>}
-                    <small className="font-monospace text-muted d-block mt-2">
+                    <div className="mt-2 p-2 bg-light rounded">
-                      QR: {person.qrCode.substring(0, 8)}...
+                      <small className="text-muted d-block">QR Code:</small>
-                    </small>
+                      <code className="d-block text-break" style={{ fontSize: '0.75rem' }}>
+                        {person.qrCode}
+                      </code>
+                      <Button
+                        variant="outline-primary"
+                        size="sm"
+                        className="mt-2 w-100"
+                        onClick={() => {
+                          navigator.clipboard.writeText(person.qrCode);
+                          alert('QR code copied to clipboard!');
+                        }}
+                      >
+                        Copy QR Code
+                      </Button>
+                    </div>
                   </div>
                   <Button
                     variant={selectedPerson?.id === person.id ? 'secondary' : 'outline-primary'}