Added logic to tab component to only show tabs if there's more than 1…

… item in the tab list
ProgrammerAL · May 4, 2024 · 0b548c8 · 0b548c8
1 parent 69a2206
commit 0b548c8
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/src/SvgHelpers/SvgHelpers/Components/TabComponent.razor b/src/SvgHelpers/SvgHelpers/Components/TabComponent.razor
@@ -1,14 +1,17 @@
 <CascadingValue Value="this">
-    <div class="btn-group" role="group">
-        @foreach (var tabPage in Pages)
-        {
-            <button type="button"
-                    class="border p-2 @(tabPage == ActivePage ? ActivePageTabCss : InactivePageTabCss)"
-            @onclick=@(() => ActivatePage(tabPage))>
-                @tabPage.Title
-            </button>
-        }
-    </div>
+    @if (Pages.Count > 1)
+    {
+        <div class="btn-group" role="group">
+            @foreach (var tabPage in Pages)
+            {
+                <button type="button"
+                        class="border p-2 @(tabPage == ActivePage ? ActivePageTabCss : InactivePageTabCss)"
+                        @onclick=@(() => ActivatePage(tabPage))>
+                    @tabPage.Title
+                </button>
+            }
+        </div>
+    }
     <div class="border m-2 p-4">
         @ChildContent
     </div>
@@ -30,7 +33,7 @@
         Pages.Add(tabPage);
         if (Pages.Count == 1)
         {
-            ActivePage = tabPage;
+            ActivatePage(tabPage);
         }
 
         StateHasChanged();