notes

lib/features/notes/ui/dashboard_notes_widget.dart

@@ -0,0 +1,164 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flux/features/notes/blocs/notes_bloc.dart';
+import 'package:flux/features/notes/models/note_model.dart';
+import 'package:go_router/go_router.dart'; // Supponendo tu usi GoRouter per la navigazione
+
+class DashboardNotesWidget extends StatelessWidget {
+  const DashboardNotesWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // Intestazione del riquadro
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Text(
+              'Le mie Note',
+              style: Theme.of(
+                context,
+              ).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
+            ),
+            TextButton(
+              onPressed: () {
+                // Vai alla bacheca completa
+                context.push('/notes');
+              },
+              child: const Text('Vedi tutte'),
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+
+        // Il corpo del widget collegato al Bloc
+        BlocBuilder<NotesBloc, NotesState>(
+          builder: (context, state) {
+            if (state.status == NotesStatus.loading && state.notes.isEmpty) {
+              return const Center(child: CircularProgressIndicator());
+            }
+
+            if (state.status == NotesStatus.failure) {
+              return const Center(
+                child: Text(
+                  'Errore nel caricamento delle note.',
+                  style: TextStyle(color: Colors.red),
+                ),
+              );
+            }
+
+            if (state.notes.isEmpty) {
+              return _buildEmptyState(context);
+            }
+
+            // Prendiamo solo le prime 4 note per non intaccare troppo spazio in Dashboard
+            final displayNotes = state.notes.take(4).toList();
+
+            return SizedBox(
+              height: 140, // Altezza fissa per lo scroll orizzontale
+              child: ListView.builder(
+                scrollDirection: Axis.horizontal,
+                itemCount: displayNotes.length,
+                itemBuilder: (context, index) {
+                  return _buildMiniPostIt(context, displayNotes[index]);
+                },
+              ),
+            );
+          },
+        ),
+      ],
+    );
+  }
+
+  Widget _buildMiniPostIt(BuildContext context, NoteModel note) {
+    return GestureDetector(
+      onTap: () {
+        // Vai al form di dettaglio passando l'ID o l'oggetto
+        context.push('/notes/edit/${note.id}');
+      },
+      child: Container(
+        width: 140,
+        margin: const EdgeInsets.only(right: 12, bottom: 8),
+        padding: const EdgeInsets.all(12),
+        decoration: BoxDecoration(
+          color: note.flutterColor,
+          borderRadius: BorderRadius.circular(8),
+          boxShadow: const [
+            BoxShadow(
+              color: Colors.black12,
+              blurRadius: 4,
+              offset: Offset(2, 2),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Expanded(
+                  child: Text(
+                    note.title?.isNotEmpty == true
+                        ? note.title!
+                        : 'Senza titolo',
+                    style: const TextStyle(
+                      fontWeight: FontWeight.bold,
+                      fontSize: 14,
+                      color: Colors.black87,
+                    ),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+                if (note.isPinned)
+                  const Icon(Icons.push_pin, size: 14, color: Colors.black54),
+              ],
+            ),
+            const SizedBox(height: 8),
+            Expanded(
+              child: Text(
+                note.content ?? '',
+                style: const TextStyle(fontSize: 12, color: Colors.black87),
+                maxLines: 4,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildEmptyState(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(24),
+      decoration: BoxDecoration(
+        color: Colors.grey.withValues(alpha: 0.1),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(
+          color: Colors.grey.withValues(alpha: 0.3),
+          style: BorderStyle.solid,
+        ),
+      ),
+      child: Column(
+        children: [
+          const Icon(
+            Icons.sticky_note_2_outlined,
+            size: 32,
+            color: Colors.grey,
+          ),
+          const SizedBox(height: 8),
+          const Text('Nessuna nota presente.'),
+          TextButton(
+            onPressed: () => context.push('/notes/create'),
+            child: const Text('Creane una ora'),
+          ),
+        ],
+      ),
+    );
+  }
+}