Last CCOM3986 version

lib/custom_info_card.dart

@@ -49,6 +49,7 @@ class _CustomInfoCardState extends State<CustomInfoCard> {
           title: widget.title,
           texto: widget.texto,
           categoria: widget.categoria,
+          imagePath: widget.imagePath,
         ),
       ),
     ),
@@ -131,14 +132,10 @@ class _CustomInfoCardState extends State<CustomInfoCard> {
 
   Color _getCategoryColor(String categoria) {
     switch (categoria) {
-      case 'Actividades':
-        return Colors.blue;
-      case 'Noticias UPR':
-        return Colors.green;
-      case 'Fechas Importantes':
-        return Colors.purple;
-      default:
-        return Colors.grey;
+      case 'Actividades': return Colors.blue;
+      case 'Noticias UPR': return Colors.green;
+      case 'Fechas Importantes': return Colors.purple;
+      default: return Colors.grey;
     }
   }
 }

lib/detail_page.dart

@@ -1,63 +1,127 @@
 import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
-class DetailPage extends StatelessWidget {
+class DetailPage extends StatefulWidget {
   final String title;
   final String texto;
   final String categoria;
+  final String imagePath;
 
   const DetailPage({
     super.key,
     required this.title,
     required this.texto,
     required this.categoria,
+    this.imagePath = 'assets/icons/default_icon.jpg',
   });
 
   @override
-  Widget build(BuildContext context) => Scaffold(
-    appBar: AppBar(
-      flexibleSpace: Padding(
-        padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top - 20),
-        child: Image.asset('assets/header_image.png', fit: BoxFit.cover),
-      ),
-      toolbarHeight: MediaQuery.of(context).size.height * 0.19,
-      title: Text(
-        categoria,
-        style: const TextStyle(color: Colors.white, fontSize: 16),
+  State<DetailPage> createState() => _DetailPageState();
+}
+
+class _DetailPageState extends State<DetailPage> {
+  bool _isFavorite = false; // Inicializado con valor por defecto
+
+  @override
+  void initState() {
+    super.initState();
+    _loadFavorite();
+  }
+
+  Future<void> _loadFavorite() async {
+    final prefs = await SharedPreferences.getInstance();
+    setState(() {
+      _isFavorite = prefs.getBool('fav_${widget.title}') ?? false;
+    });
+  }
+
+  Future<void> _toggleFavorite() async {
+    final prefs = await SharedPreferences.getInstance();
+    setState(() {
+      _isFavorite = !_isFavorite;
+      prefs.setBool('fav_${widget.title}', _isFavorite);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        flexibleSpace: Padding(
+          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top - 20),
+          child: Image.asset('assets/header_image.png', fit: BoxFit.cover),
+        ),
+        toolbarHeight: MediaQuery.of(context).size.height * 0.19,
+        title: Text(
+          widget.categoria,
+          style: const TextStyle(color: Colors.white, fontSize: 16),
+        ),
+        actions: [
+          IconButton(
+            icon: Icon(
+              _isFavorite ? Icons.favorite : Icons.favorite_border,
+              color: _isFavorite ? Colors.red : Colors.white,
+            ),
+            onPressed: _toggleFavorite,
+          ),
+        ],
       ),
-    ),
-    body: Container(
-      decoration: const BoxDecoration(color: Color.fromARGB(255, 254, 242, 221)),
-      child: Padding(
-        padding: const EdgeInsets.all(16.0),
-        child: SingleChildScrollView(
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(
-                title,
-                style: const TextStyle(
-                  fontSize: 24,
-                  fontWeight: FontWeight.bold,
-                  color: Colors.black87,
-                ),
-              ),
-              const SizedBox(height: 8),
-              Container(
-                padding: const EdgeInsets.all(12),
-                decoration: BoxDecoration(
-                  color: Colors.white,
-                  borderRadius: BorderRadius.circular(8),
+      body: Container(
+        decoration: const BoxDecoration(color: Color.fromARGB(255, 254, 242, 221)),
+        child: Padding(
+          padding: const EdgeInsets.all(16.0),
+          child: SingleChildScrollView(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    Container(
+                      width: 80,
+                      height: 80,
+                      decoration: BoxDecoration(
+                        color: Colors.white,
+                        borderRadius: BorderRadius.circular(40),
+                      ),
+                      child: ClipRRect(
+                        borderRadius: BorderRadius.circular(40),
+                        child: Image.asset(
+                          widget.imagePath,
+                          fit: BoxFit.cover,
+                        ),
+                      ),
+                    ),
+                    const SizedBox(width: 16),
+                    Expanded(
+                      child: Text(
+                        widget.title,
+                        style: const TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.bold,
+                          color: Colors.black87,
+                        ),
+                      ),
+                    ),
+                  ],
                 ),
-                child: Text(
-                  texto,
-                  style: const TextStyle(fontSize: 16, height: 1.5),
-                  textAlign: TextAlign.justify,
+                const SizedBox(height: 20),
+                Container(
+                  padding: const EdgeInsets.all(16),
+                  decoration: BoxDecoration(
+                    color: Colors.white,
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    widget.texto,
+                    style: const TextStyle(fontSize: 16, height: 1.5),
+                    textAlign: TextAlign.justify,
+                  ),
                 ),
-              ),
-            ],
+              ],
+            ),
           ),
         ),
       ),
-    ),
-  );
+    );
+  }
 }