Bläddra i källkod

feat: add hint text for math equation plugin

Lucas.Xu 2 år sedan
förälder
incheckning
89becbfe71

+ 14 - 6
frontend/app_flowy/packages/appflowy_editor_plugins/lib/src/math_ equation/math_equation_node_widget.dart

@@ -113,17 +113,25 @@ class _MathEquationNodeWidgetState extends State<_MathEquationNodeWidget> {
   Widget _buildMathEquation(BuildContext context) {
     return Container(
       width: MediaQuery.of(context).size.width,
+      constraints: const BoxConstraints(minHeight: 50),
       padding: const EdgeInsets.symmetric(vertical: 20),
       decoration: BoxDecoration(
         borderRadius: const BorderRadius.all(Radius.circular(8.0)),
-        color: _isHover ? Colors.grey[200] : Colors.transparent,
+        color: _isHover || _mathEquation.isEmpty
+            ? Colors.grey[200]
+            : Colors.transparent,
       ),
       child: Center(
-        child: Math.tex(
-          _mathEquation,
-          textStyle: const TextStyle(fontSize: 20),
-          mathStyle: MathStyle.display,
-        ),
+        child: _mathEquation.isEmpty
+            ? Text(
+                'Add a Math Equation',
+                style: widget.editorState.editorStyle.placeholderTextStyle,
+              )
+            : Math.tex(
+                _mathEquation,
+                textStyle: const TextStyle(fontSize: 20),
+                mathStyle: MathStyle.display,
+              ),
       ),
     );
   }