Make expression input component

Author: tomc128

BooleanExpressionParser.Web/Client/Components/ExpressionInput.razor

@@ -0,0 +1,26 @@
+<input placeholder="Enter expression" @oninput="OnInputChanged" @bind="expression"/>
+<button @onclick="OnButtonClicked">@ButtonLabel</button>
+
+
+@code {
+    [Parameter]
+    public string ButtonLabel {get; set;}
+
+    public string? expression;
+
+    [Parameter]
+    public EventCallback<string> ButtonClicked { get; set; }
+
+    [Parameter]
+    public EventCallback<string> ExpressionChanged { get; set; }
+
+    private Task OnButtonClicked()
+    {
+        return ButtonClicked.InvokeAsync(expression);
+    }
+
+    private Task OnInputChanged(ChangeEventArgs args)
+    {
+        return ExpressionChanged.InvokeAsync(args.Value.ToString());
+    }
+}

BooleanExpressionParser.Web/Client/Pages/TruthTable.razor

@@ -1,4 +1,5 @@
 @using BooleanExpressionParser;
+@using BooleanExpressionParser.Web.Client.Components
 @using BooleanExpressionParser.Web.Client.Formatters;
 
 @page "/truth-table"
@@ -8,24 +9,23 @@
 <h1>Truth Table Generator</h1>
 <p>Generate a truth table for a boolean expression.</p>
 
-<input placeholder="Enter expression" @bind="expression" />
-<button @onclick="Generate">Generate</button>
+<ExpressionInput ButtonLabel="Generate" ButtonClicked="Generate" />
 
-
-<h3>Generated Table</h3>
-
-<div class="table-container">
-    @((MarkupString)currentTable)
-</div>
+@if (currentTable is not null)
+{
+    <h3>Generated Table</h3>
+    <div class="table-container">
+        @((MarkupString)currentTable)
+    </div>
+}
 
 
 @code {
-    private string? expression;
     private string? currentTable;
 
     private HTMLFormatter formatter = new();
 
-    private void Generate()
+    private void Generate(string? expression)
     {
         if (string.IsNullOrWhiteSpace(expression)) return;
         var wrapper = new ExpressionWrapper(expression);
@@ -50,7 +50,6 @@
 
     private Ast ParseAndGrowAst(ExpressionWrapper wrapper)
     {
-
         var tokeniser = new Tokeniser(wrapper.Expression);
         var infixTokens = tokeniser.Tokenise();