Add OnAfterRenderAsync + readme edits (#4)

Co-authored-by: Hamza Farooq <[email protected]>

Author: HamzaFarooq95

Workshop.md

@@ -82,17 +82,17 @@ You should see the statistics header toggle on and off based on your feature fla
 2. Configure OpenFeature in Extensions file
 
    - Open `src/Garage.ServiceDefaults/Extensions.cs`
-   - Add OpenFeature services in the `AddFeatureFlags` method
+   - Add OpenFeature services in the `AddFeatureFlags` method, you can ignore the error for now
 
 3. Implement a Custom Provider
 
    - Create a new class `CustomFeatureProvider` in `src/Garage.ServiceDefaults/Providers`
    - Use the `FeatureProvider` flags. Tip: You can copy the dictionary from `FeatureFlags.cs` to start
    - Add the provider to the OpenFeature configuration in `Extensions.cs`
 
-4. Replace the IFeatureFlags Implementation
+4. Replace the IFeatureFlags depenency injection
 
-   - Modify the `IFeatureFlags` interface to use OpenFeature `IFeatureClient`
+   - Modify the usages of `IFeatureFlags` interface to use OpenFeature `IFeatureClient` instead
 
 5. Make sure to use the UserId in the OpenFeature context
 

src/Garage.Web/Components/Pages/Home.razor

@@ -86,9 +86,6 @@
 
     protected override async Task OnInitializedAsync()
     {
-        // Initialize user ID from local storage
-        await GetUserId();
-
         try
         {
             var winnersArray = await WinnersApi.GetAllWinnersAsync();
@@ -103,6 +100,13 @@
         }
     }
 
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        // Initialize user ID from local storage
+        await GetUserId();
+        StateHasChanged();
+    }
+
     private async Task GetUserId()
     {
         try