ErrorBoundary added for page exception

src/Presentation/Client/Pages/Index.razor

@@ -10,17 +10,28 @@
 Welcome to your new app.
 
 <SurveyPrompt Title="How is Blazor working for you?" />*@
-@if (SearchText == null && CategoryUrl == null)
-{
-    <FeatureProducts />
-}
-else
-{
-    <ProductList />
-}
+<ErrorBoundary @ref="errorBoundary">
+    <ChildContent>
+        @if (SearchText == null && CategoryUrl == null)
+        {
+            <FeatureProducts />
+        }
+        else
+        {
+            <ProductList />
+        }
+    </ChildContent>
+    <ErrorContent>
+        <p class="error-message">Uh oh! Something went wrong</p>
+        <button class="btn btn-warning" @onclick="ResetError">Reset</button>
+    </ErrorContent>
+</ErrorBoundary>
+
 
 
 @code {
+    private ErrorBoundary? errorBoundary;
+
     [Parameter]
     public string CategoryUrl { get; set; } = null;
 
@@ -32,6 +43,8 @@ else
 
     protected override async Task OnParametersSetAsync()
     {
+        errorBoundary?.Recover();
+
         if (SearchText != null)
         {
             await ProductService.SearchProducts(SearchText, Page);
@@ -42,4 +55,9 @@ else
         }
 
     }
+
+    private void ResetError()
+    {
+        errorBoundary?.Recover();
+    }
 }

src/Presentation/Client/Shared/FeatureProducts.razor

@@ -11,6 +11,7 @@ else
     <div class="container">
         @foreach (var product in ProductService.Products)
         {
+            @*throw new InvalidOperationException("Product ErrorBoundary Test");*@
             @if (product.Featured)
             {
                 <div class="featured-product">
@@ -41,7 +42,7 @@ else
 
 @code {
     protected override void OnInitialized()
-    {
+    {        
         ProductService.ProductsChanged += StateHasChanged;
     }