opt: article

lib/common/widgets/article_content.dart

@@ -1,28 +1,29 @@
 import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
 import 'package:PiliPalaX/models/dynamics/article_content_model.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_html/flutter_html.dart';
 
 class ArticleContent extends StatelessWidget {
   const ArticleContent({
     super.key,
-    required this.htmlContent,
+    required this.list,
   });
 
-  final dynamic htmlContent;
+  final List<ArticleContentModel> list;
 
   @override
   Widget build(BuildContext context) {
-    List<ArticleContentModel> list = (htmlContent['ops'] as List)
-        .map((item) => ArticleContentModel.fromJson(item))
-        .toList();
     return SliverList.separated(
       itemCount: list.length,
       itemBuilder: (_, index) {
         ArticleContentModel item = list[index];
         if (item.insert is String) {
-          return Text(
-            item.insert,
+          return SelectableText(
+            (item.insert as String).replaceAll('\n', '\n\n'),
             style: TextStyle(
+              letterSpacing: 0.3,
+              fontSize: FontSize.large.value,
+              height: LineHeight.percent(125).size,
               fontWeight:
                   item.attributes?.bold == true ? FontWeight.bold : null,
             ),
@@ -48,7 +49,8 @@ class ArticleContent extends StatelessWidget {
           //   ],
           // );
         } else {
-          return Text('unsupported content');
+          return const SizedBox.shrink();
+          // return Text('unsupported content');
         }
       },
       separatorBuilder: (context, index) => const SizedBox(height: 10),