#343 - Button for creating an income.

maraf · May 15, 2021 · 26603b0 · 26603b0
1 parent 68ca6ca
commit 26603b0
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/src/Money.Blazor.Host/Components/Title.razor b/src/Money.Blazor.Host/Components/Title.razor
@@ -20,6 +20,8 @@
                     @ButtonText
                 </button>
             }
+
+            @ButtonContent
         </h3>
         @if (!String.IsNullOrEmpty(Sub))
         {

diff --git a/src/Money.Blazor.Host/Components/Title.razor.cs b/src/Money.Blazor.Host/Components/Title.razor.cs
@@ -27,5 +27,8 @@ public partial class Title
 
         [Parameter]
         public Action ButtonClick { get; set; }
+
+        [Parameter]
+        public RenderFragment ButtonContent { get; set; }
     }
 }
diff --git a/src/Money.Blazor.Host/Pages/Summary.razor b/src/Money.Blazor.Host/Pages/Summary.razor
@@ -1,6 +1,21 @@
 @typeparam T
 
-<Money.Components.Title Icon="signal" Main="Summary" Sub="@SubTitle" ButtonText="New Expense" ButtonClick="@CreateNewExpense" />
+<Title Icon="signal" Main="Summary" Sub="@SubTitle">
+    <ButtonContent>
+        <button class="btn btn-primary ml-2" @onclick="CreateNewExpense">
+            <Icon Identifier="minus-circle" />
+            <span class="d-none d-md-inline">
+                New Expense
+            </span>
+        </button>
+        <button class="btn btn-primary ml-2">
+            <Icon Identifier="plus-circle" />
+            <span class="d-none d-md-inline">
+                New Income
+            </span>
+        </button>
+    </ButtonContent>
+</Title>
 <ExceptionPanel />
 
 <OutcomeCreate @ref="CreateModal" />