wip: history panes

lib/widgets/table_request.dart

@@ -0,0 +1,101 @@
+import 'package:flutter/material.dart';
+import 'package:data_table_2/data_table_2.dart';
+import 'package:apidash/widgets/widgets.dart';
+import 'package:apidash/consts.dart';
+
+class RequestDataTable extends StatelessWidget {
+  const RequestDataTable({
+    super.key,
+    required this.rows,
+    this.keyName,
+    this.valueName,
+  });
+
+  final Map<String, String> rows;
+  final String? keyName;
+  final String? valueName;
+
+  @override
+  Widget build(BuildContext context) {
+    final clrScheme = Theme.of(context).colorScheme;
+
+    final List<DataColumn> columns = [
+      DataColumn2(
+        label: Text(keyName ?? kNameField),
+      ),
+      const DataColumn2(
+        label: Text('='),
+        fixedWidth: 30,
+      ),
+      DataColumn2(
+        label: Text(valueName ?? kNameValue),
+      ),
+    ];
+
+    final fieldDecoration = InputDecoration(
+      contentPadding: const EdgeInsets.only(bottom: 12),
+      focusedBorder: UnderlineInputBorder(
+        borderSide: BorderSide(
+          color: clrScheme.primary.withOpacity(
+            kHintOpacity,
+          ),
+        ),
+      ),
+      enabledBorder: UnderlineInputBorder(
+        borderSide: BorderSide(
+          color: clrScheme.surfaceContainerHighest,
+        ),
+      ),
+    );
+
+    final List<DataRow> dataRows = rows.entries
+        .map<DataRow>(
+          (MapEntry<String, String> entry) => DataRow(
+            cells: <DataCell>[
+              DataCell(
+                ReadOnlyTextField(
+                  initialValue: entry.key,
+                  decoration: fieldDecoration,
+                ),
+              ),
+              const DataCell(
+                Text('='),
+              ),
+              DataCell(
+                ReadOnlyTextField(
+                  initialValue: entry.value,
+                  decoration: fieldDecoration,
+                ),
+              ),
+            ],
+          ),
+        )
+        .toList();
+
+    return Container(
+      margin: kP10,
+      child: Column(
+        children: [
+          Expanded(
+            child: Theme(
+              data: Theme.of(context)
+                  .copyWith(scrollbarTheme: kDataTableScrollbarTheme),
+              child: DataTable2(
+                columnSpacing: 12,
+                dividerThickness: 0,
+                horizontalMargin: 0,
+                headingRowHeight: 0,
+                dataRowHeight: kDataTableRowHeight,
+                bottomMargin: kDataTableBottomPadding,
+                isVerticalScrollBarVisible: true,
+                columns: columns,
+                rows: dataRows,
+              ),
+            ),
+          ),
+          kVSpacer40,
+        ],
+      ),
+    );
+  }
+}