Refactor Code Gen Pane

This commit is contained in:
Ankit Mahato
2023-04-20 12:49:32 +05:30
parent 67c515d44c
commit 03b89d0b43
3 changed files with 105 additions and 83 deletions

View File

@ -1,6 +1,8 @@
import 'package:flutter/material.dart';
import 'package:highlighter/highlighter.dart' show highlight;
import 'package:apidash/consts.dart';
import 'code_previewer.dart' show convert;
import 'buttons.dart' show CopyButton;
class CodeGenPreviewer extends StatefulWidget {
const CodeGenPreviewer({
@ -97,3 +99,70 @@ List<TextSpan> generateSpans(
var spans = convert(parsed.nodes!, theme);
return spans;
}
class ViewCodePane extends StatefulWidget {
const ViewCodePane({
super.key,
required this.code,
});
final String code;
@override
State<ViewCodePane> createState() => _ViewCodePaneState();
}
class _ViewCodePaneState extends State<ViewCodePane> {
@override
Widget build(BuildContext context) {
var codeTheme = Theme.of(context).brightness == Brightness.light
? kLightCodeTheme
: kDarkCodeTheme;
final textContainerdecoration = BoxDecoration(
color: Color.alphaBlend(
(Theme.of(context).brightness == Brightness.dark
? Theme.of(context).colorScheme.onPrimaryContainer
: Theme.of(context).colorScheme.primaryContainer)
.withOpacity(kForegroundOpacity),
Theme.of(context).colorScheme.surface),
border: Border.all(color: Theme.of(context).colorScheme.surfaceVariant),
borderRadius: kBorderRadius8,
);
return Padding(
padding: kP10,
child: Column(
children: [
SizedBox(
height: kHeaderHeight,
child: Row(
children: [
Expanded(
child: Text(
"Code",
style: Theme.of(context).textTheme.titleMedium,
),
),
CopyButton(toCopy: widget.code),
],
),
),
kVSpacer10,
Expanded(
child: Container(
width: double.maxFinite,
padding: kP8,
decoration: textContainerdecoration,
child: CodeGenPreviewer(
code: widget.code,
theme: codeTheme,
language: 'dart',
textStyle: kCodeStyle,
),
),
),
],
),
);
}
}